Home

Mac Favicon 3

2 June 2008 - 9:41pm — Bevan

UPDATE: Mac Favicon and Mac Favicon XL have been deprecated and rereleased. See http://drupal.geek.nz/blog/mac-favicon-deprecated-and-released

With Firefox 3's release now imminent, a number of people have contacted me about whether there will be a version of my Mac Favicon theme for FF3.

While the short answer is "yes", the long answer is more complicated; I won't be able to take this on anytime soon -- probably not till August. A couple of folk have contacted me about doing it themselves. I would be really happy if someone were to do it. I would happily test it, release it on addons.mozilla.org under Mac Favicon, give you access to do that or link to your release elsewhere.

Here is a very simple guide on how I went about creating Mac Favicon and Mac Favicon XL for FF2:

  • Search and read some documentation on Mozilla's dev site about creating theme packages and XPI installables.
  • Find out how to use the DOM inspector on the firefox window itself (not the webpage).
  • Find Firefox 3 for Mac's default theme in the application's directory
  • Duplicate it.
  • Find the CSS file in the theme that has the display definitions for the bookmark toolbar.
  • Hack them to NOT hide the favicon image (this will make sense once you've browsed the DOM around the bookmarks toolbar and it's items).
  • Zip the modified theme up, install it and restart firefox.
  • Test.
  • Test also the bookmarks menu, bookmarks sidebar and anywhere else bookmarks and favicons are displayed, since some CSS lines are used to theme multiple occurrences of bookmarks and favicons. Test also drag drop and reorder etc.
  • Repeat previous steps as necessary.
  • Once that's working, make another copy.
  • Hack a bit further to NOT set the dimensions of the bookmark toolbar's favicons to exactly 16x16px, but set max-width: 32px; max-height: 32px;.
  • Install favicon picker module.
  • Load some custom icons into some but not all of your bookmarks, in both the menu and the toolbar.
  • Zip up, install, restart and test as above.
  • Repeat previous steps as necessary.
  • Release on addons.mozilla.org, or contact me!

Well over a year ago that took me the best part of a full working day; say 8 hours. Now it wouldn't take very much quicker since I've forgotten everything I had to learn to do it then.