Today’s question comes off the iPox Remix request line: How do I make the font on the bookmark toolbar change color when I hover over it? Since Firefox runs mainly on CSS, this is a pretty easy edit. Just go into /browser/browser.css and look for the following chunk of code: toolbarbutton.bookmark-item:hover, toolbarbutton.bookmark-item:hover:active, toolbarbutton.bookmark-item[open=”true”] { background: […]
Tagged: theme
Customize Firefox’s Scrollbar
One nice element that can really bring a Firefox theme together is a themed scrollbar. Lucky for you, this is already read to go in iPox Remix. Simply open the global folder and inside you’ll find scrollbar.css and a scrollbars folder. The scrollbar folder contains all the pieces. I don’t believe the hover states are […]
Submitting Your Theme to Mozilla
Once you’ve gone though and created your own, original, Firefox theme via the iPox Remix tutorials, you’re next step is to submit it to the Mozilla Addon site for the world to enjoy. Head on over to addons.mozilla.org and register for a free account. Once that’s done, you should see a ‘Developers Tools’ link in […]
Trying my hand at a Thunderbird theme.
Just a few days ago I came across Vitae, an amazing Shapeshifter theme. Since I got my new iMac, I haven’t installed Shapeshifter or even thought twice about themes, but now I wanted it. I searched for my serial number and got it installed and it was beautiful. It really is worth a check-out. Then […]
A Firefox Theme Breaking the Mold
It’s amazing how some designers are hopping on board with Firefox and creating amazing themes. The OFFICIAL Washington Capitals NHL theme is a prime example of what people can do. This theme is really well designed and it’s just the start. I’m not really a Washington Capitals, or hockey for that matter, fan but I […]
Customizing Toolbar Backgrounds
There are three main toolbars in Firefox, each that can have a separate background. 1. Navigation Bar 2. Bookmarks Bar 3. Status Bar The main toolbar background graphic is named toolbar-background.png and located in the /global/toolbar/ folder. If you just recreate a new png file, you won’t need to edit any of the CSS code. […]
Custom Firefox Toolbar Buttons
This edition of iPox Remix, we are talking about creating custom toolbar buttons. Good buttons can really make a theme so don’t just rush through them. Update: In iPox Remix for Firefox 3, there is one image for all buttons and not really small and large versions of all buttons. However, the same basic rules […]
Graphics Editing for Firefox Themes
In order to create custom buttons and imagery for your Firefox theme, you’ll need some graphics skills and a program. Myself, I use Macromedia Adobe Fireworks CS3. I really like how easy it is to use and how well it mixes vector and bitmap imagery. That’s my choice, but you can choose to use whatever […]
Creating Your Themes’ Identity & Install Files
Creating your theme’s identity is probability the most important part of creating a Firefox theme. You need to ensure your theme doesn’t conflict with anyone else’s and, of course, give it a cool name. To do this, we’ll need to modify two files inside the iPox Remix Pieces folder; install.rdf and contents.rdf. Each file should […]
Packaging Firefox Themes
One of the first things you need to understand about Firefox themes is how to package them. It’s really simple, so be prepared to have an easy first step. Firefox themes are just zip files, renamed to jar. So, if you can create a zip file, and rename a file, you’ll be done in no […]
