Custom Toolbar Firefox Background Image (WOW!)

Custom Toolbar Firefox Background Image (WOW!)

7858

How to install

• Install Stylish plus Kallout for Firefox (or from here for just Stylish or for other Mozilla apps). If you have Stylish already, make sure you have JavaScript enabled.
• You need Firefox with Stylish to use this style. Get Firefox, then install Stylish plus Kallout (or just Stylish), then come back here to install this style.
• Install with Stylish
• Update installed version in Stylish

Created by -=Ben=-. Last updated Jun 10 2008.

Makes the Firefox toolbar display an background image of your choice.
This extension replicates what the Personas Firefox extension does (why install an addon when you can do it through CSS!)

** Similar code is Pirlouy's Transparent Firefox. Instead I made a background image.

Another excellent way to implement a new UI feature for your favorite web browser.
The background color of text in this style has not been changed (use Custom Main Menu & Toolbars Text Color to change it.).

Integrates with Custom Menus Background Image (WOW).

Features:
- Appears on the main toolbar, as the background (Custom Theming)
- Increased readability by placing the logo behind the Toolbar / Navigation Text
- Included code to enable the backgrounds of text to be white, for increased readability
- Clean and very appropriate default image, included with style (Firefox logo - shadowed)
- Fully customizable style, for your own enjoyment.

Additional Information:
This Style has been tested on multiple Firefox Themes, and has worked perfectly on each.
*NOTE: Please Clear your Cache and Restart your browser after installing or changing this style, your custom image will need to be cached in order for it to be displayed.

Instructions:
In the CSS, change the website image I provided to the image you wish to display (The image provided is actually from Personas Firefox Extension!)
The images that work best as the background are .JPG

About Screenshot:
Use Resize Images to Maximum Size when Mouse Hovers to see a better view of the screenshots below when hovering over the images

Changelog:
-Initial release

Before

After

Show code