If you are feeling ambitious you can easily create your own style, or you can skip down further to take a look at some of the styles already created by the people at UserStyles, some of which are really sweet.
Creating Your Own Style
I’ll assume you have the Stylish extension for Firefox already installed, so click on the icon in the status bar, choose Write Style and then Blank Style.
Give your style a description, and then paste in the text I’ve provided below. This will make a blank white page with your image in the center…
To insert images into the style, you have two choices:
- { background: url(“data:image/png;base64,INSERT BASE64 ENCODED IMAGE HERE”); margin:0px; background-position:center; background-attachment:fixed; background-repeat:no-repeat; }}
You can directly insert a link to an image hosted on a server by replacing the url() line in the CSS with this one: url(http://www. server. com/link_to_image. png); You can base64 encode an image into text instead so that it’s embedded into the stylesheet, which is the best option for most people. How do you do this? There’s any number of web-based converters that will handle this, including this one that I found: Binary File to Base64 Encoder / Translator – greywyvern. com
Just copy the converted text into your stylesheet where indicated, and it’ll work. If your image isn’t PNG format, you should change the image/png line to reflect the correct type. (most of the converters will give you the correct format).
Download User-Created Custom Styles
Keyboard Ninja – HowToGeek.com
Light Firefox – http://blog.mzzt.net/2007/04/10/aboutblank/
Dark Firefox – http://userstyles.org/styles/2433
Brushed – http://userstyles.org/styles/1746
Blue Firefox – http://userstyles.org/styles/1761
You can find a ton of user styles over at userstyles.org.
