Hi everyone. I’m back here to talk a little bit more about Firefox Themes. For those who read the last part, you guys remember that it was just an introduction about themes.

Today I’m going to talk how to put a background in your first Firefox theme. It’s pretty easy.

I’m supposing that everything that has been said in the last part is working. By the way, if you found anything wrong there, please let your comment here.

Now, let’s get this work started.

Go to the folder: /global/ and find the CSS file named toolbar.css.

This CSS file controls everything you see when you open Firefox. Theme background, borders, palettes and all that stuff. For you who don’t understand so much, or anything about CSS. There are some links here which can help you:

- http://www.html.net/tutorials/CSS/ (A bunch of lessons about CSS)

- http://htmldog.com/guides/ (A lot of tutorials for beginners, and advanced users)

Now open this file using a text writer you prefer. Ignore those comments and let’s try to put a background in your theme. To insert a background, use the first part of this CSS file: “/*::::: toolbox ::::: */”, and copy/paste this code, it’s really simple:

PS: url is where you put your image’s path.

PS2: About the picture, as far as I could see, Firefox doesn’t resize your image, so I recommend creating a picture 2000×200. I don’t believe a lot of people use screen resolution higher than 2000x but, it’s on your way.

Pretty simple, han?

That’s all for today, if I find anything else that can be important I’ll be pleasure to share with you.
What I can say about Firefox themes is, try to understand every single CSS file, and to connect them to their images. I think background was the only thing I thought it’d not be so obvious to do. But there it is, hope you enjoy. My First Firefox Theme ends here.

Feel free to let your comments here. Thanks a million!