Main Content

Tagged: tutorial

Changing Fonts & Colors in Firefox Themes

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: […]

More

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 […]

More

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. […]

More

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 […]

More

Make Custom Thunderbird Labels Stand Out

If you followed the Thunderbird Labels modification I put up a few days back, you may have found out that it didn’t work for custom labels/tags. Yes, I knew that, but wanted to start off with the basic labels. Here is a quick tutorial on how to get your custom ones up and running. What […]

More

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 […]

More

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 […]

More

Getting Extensions to Work with Firefox 2

Firefox 2 is now in release candidate 2 so people are giving a whirl left and right. Even I’ve tried it but I’ll save my mini-review for later. One issue that people have is that their extensions don’t work. Then they complain to the Firefox team which does no good. What you really need to […]

More