Comments on: Customizing Toolbar Backgrounds

By: Tim

Tim — Sun, 14 Sep 2008 10:37:39 +0000

I using Firefox 3 on Vista and I checked for those css files. I check in my profile folder and they are not there. I don’t know if is a Vista thing or a bug.

By: Adnan

Adnan — Fri, 02 May 2008 18:03:29 +0000

I am using Firefox 2. I have downloaded quite some plugins now that I often use.

The problem is the all the plugins are not showed in status bar as well as it completely messes up webpages view because it needs more space to show. It stretches too much and so on….

At the same time, I work as a Website Quality Assessment and if these things will effect the layout of the site, my work will GREATLY get disturbed.

How to get more space to status bar?
How to customize status bar?
Where to get the files?

I have tried to see where can I find the files you mentioned above like global/menu/ etc… Please help.

Thank you.

By: Thomas

Thomas — Fri, 29 Feb 2008 03:23:56 +0000

Hum…. I’d go for global.css or toolbar.css. If the code is already in toolbar.css, put the new code in there and replace the old code. Does that help?

By: Mugford

Mugford — Sun, 24 Feb 2008 22:00:52 +0000

Thanks Thomas. I also noticed a slightly different version in this tutorial’s Q&A. Which .css file do I put this in, /browser/browser.css or /global/toolbar.css ? Do I need to remove or change the following code from /global/toolbar.css?

toolbar {
min-width: 1px;
min-height: 20px;
border-top: 0px solid ThreeDHighlight;
border-bottom: 0px solid ThreeDShadow;
background: url(”chrome://global/skin/toolbar/toolbar-background.png”) repeat center;
}

toolbar:first-child, menubar {
min-width: 1px;
border-bottom: 1px solid ThreeDShadow;
border-top: 0px !important;
}

Thanks, Mugford

By: Thomas

Thomas — Fri, 22 Feb 2008 12:38:08 +0000

Hi Mugford. Here is the code that will control the menubar background (Windows only)
#toolbar-menubar { background: blue url(http://images.apple.com/ipodshuffle/images/index_colors_20070905.png); }

By: Mugford

Mugford — Fri, 22 Feb 2008 04:23:24 +0000

It seems like firefox (or iPox?) uses the same background image for the toolbar and the menubar - is it possible to use a different image for the menubar background? Where do I put this image and what css code do I need to add/modify? Thanks.