Animated Favicons in vBulletin
You can use this tutorial on any site, not just vBulletin based.
This tutorial will show you how to create an Animated favicon (currently only works in the Firefox browser). Basically, you need to create an animated version of your static favicon that your site currently uses, this will be used when a visitor uses the Firefox browser.
Creating the images:
First, create your animation and save it as an animated gif. Then create a second gif but only one frame, and this will become your favicon. Rename your second one to favicon.ico (make sure you change the extension to .ico).
Once you have created your 2 images, one should be your animated GIF file, and your other should be your normal favicon.
Place both images in a directory called img and upload this to the root of your site, or forum root. You will then need to add some code to your header code. Place this code directly after any META TAGS you have in your page.
Here’s the code you will need:
Code:
<link rel="shortcut icon" href="img/favicon.ico" >
<link rel="icon" href="img/animated_favicon1.gif" type="image/gif" >
If you want to add this to vBulletin, then you will need to edit the
FORUMHOME template and place it after this code:
Code:
<!-- end no cache headers -->
So there you have it, a simple but eye grabbing effect. We have done this modification on this site, which you will see if you are browsing using Firefox browser.