Customizing favicon.ico
Submitted Jason H, Dec 02 2010 06:21 PM | Last updated Mar 02 2011 12:37 AM
If you wish to change the favicon that the forum uses, which is the small icon to the left of the URL in your browser address bar.. These are the steps..
1) You need a file to use as the favicon. http://www.favicon.cc/ will allow you to generate one.
2) Rename that file to something like customicon.ico
3) Upload the file to the forum root directory.
4) Verify that you can see the file, and it's the right file: http://www.yoursite.com/customicon.ico
5) If that works, open your forum, go to ACP->Look and Feel->Manage Templates & CSS->globalTemplate and find
Change favicon.ico in that to customicon.ico
Save and update the template.
That's it.. Now, getting a new favicon to take effect can be a pain. I recommend removing any bookmarks to your site.. Refreshing the page using Ctrl-F5.. But, that's all you have to do
The advantage to doing this rather than just replacing the favicon.ico file is that it will remain in place through upgrades.
1) You need a file to use as the favicon. http://www.favicon.cc/ will allow you to generate one.
2) Rename that file to something like customicon.ico
3) Upload the file to the forum root directory.
4) Verify that you can see the file, and it's the right file: http://www.yoursite.com/customicon.ico
5) If that works, open your forum, go to ACP->Look and Feel->Manage Templates & CSS->globalTemplate and find
<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/favicon.ico' />
Change favicon.ico in that to customicon.ico
<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/customicon.ico' />
Save and update the template.
That's it.. Now, getting a new favicon to take effect can be a pain. I recommend removing any bookmarks to your site.. Refreshing the page using Ctrl-F5.. But, that's all you have to do
The advantage to doing this rather than just replacing the favicon.ico file is that it will remain in place through upgrades.
2 Comments