TUTORIAL: Animated favicons for Firefox

  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23469
  • Loc: Woodbridge VA

Post 3+ Months Ago


I stumbled upon this while posting to another thread and didn't realize this option was available. It appears that it only works in Firefox, but here's an example of an animated Favicon (I.E. viewers will get a different non-animated icon - you have to view it in Firefox to see)



Apparently it's easy enough to do. Make an animated favicon the same dimensions as a normal favicon. Then drop it in your root folder (or wherever you like) and then code it similar to the following:

Code: [ Select ]
<link rel="shortcut icon" href="http://www.mywebsite.com/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.mywebsite.com/favicon.gif" type="image/gif">
  1. <link rel="shortcut icon" href="http://www.mywebsite.com/favicon.ico" type="image/x-icon">
  2. <link rel="icon" href="http://www.mywebsite.com/favicon.gif" type="image/gif">

And that, basically is a wrap.
  • swanniebroo
  • Beginner
  • Beginner
  • swanniebroo
  • Posts: 64

Post 3+ Months Ago

wow. interesting.

Post Information

  • Total Posts in this topic: 2 posts
  • Moderator: Tutorial Writers
  • Users browsing this forum: No registered users and 1 guest
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum

© 1998-2017. Ozzu® is a registered trademark of Unmelted, LLC.