Spice Up that Boring about:blank Page in Firefox

The blank tab page in Firefox is just a plain white boring nothing – until now. Using the Stylish extension for Firefox, we can set a custom style for the page, and even embed images into the style to make it really look great.

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.

spice-up-that-boring-aboutblank-page-in-firefox photo 1

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…

spice-up-that-boring-aboutblank-page-in-firefox photo 2

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(“about:blank”) {

* {
   background:
      url(“data:image/png;base64,INSERT BASE64 ENCODED IMAGE HERE”);
      margin:0px;
      background-position:center;
      background-attachment:fixed;
      background-repeat:no-repeat;
   }
}

To insert images into the style, you have two choices:

  1. 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

spice-up-that-boring-aboutblank-page-in-firefox photo 3

Keyboard Ninja –  HowToGeek.com

spice-up-that-boring-aboutblank-page-in-firefox photo 4

Light Firefox – http://blog.mzzt.net/2007/04/10/aboutblank/

spice-up-that-boring-aboutblank-page-in-firefox photo 5

Dark Firefox – http://userstyles.org/styles/2433

spice-up-that-boring-aboutblank-page-in-firefox photo 6

Brushed – http://userstyles.org/styles/1746

spice-up-that-boring-aboutblank-page-in-firefox photo 7

Blue Firefox – http://userstyles.org/styles/1761

You can find a ton of user styles over at userstyles.org.

More stories

The How-To Geek Vista Sidebar Gadget

A number of people have written in asking about a Vista Sidebar gadget for our latest articles feed. I finally got some time today, so I’ve thrown one together that isn’t exactly feature-rich, but does get the job done.

Make Monday Not Suck: Opera

This will liven up your week a bit.  You may be thinking… “oh another web browser … big deal”.  Well, Opera has a lot of interesting features to play with.  Right now I don’t see it replacing Firefox by any means, but it is a fun toy none the less.  The people in the opening install screen are

Manage the Reading Pane In Outlook 2007

Throughout my years of working IT I have come across some very unique user setups in Outlook.  Some users will tweak every thing to the point it is barely useable, at least if you’re not familiar with how they set it up.  If you need to use a co workers computer or a “spare’ while you’re waiting on

Sending Polls in Outlook 2007

Collecting responses from a group of people is something very common in an office environment. Whether you are trying to ask what type of pizza to order for a meeting, or taking a vote on who’s going to quit next, what you need is a poll.

Create the Ultimate Firefox Web Development Profile

When properly configured, Firefox can become the ultimate web development tool, giving you direct access to the page you are working on so you can style your page in real-time, debug javascript or even edit the html.

Disable Explorer Breadcrumbs in Windows Vista

Dozens of people have written in and expressed their hatred of the new breadcrumb feature in Windows Vista’s Explorer address bar, and especially because you simply can’t turn it off… until now.

Make Windows User Interface Run Snappy

Most of you who are running Vista should know by now that Microsoft introduced major updates for Vista.  For a full detailed summary of what is included read The Geek wrote a great article reviewing the updates.  One of the updates includes better Vista Aero performance with NVIDIA graphics cards. 

Using GParted to Resize Your Windows 7 or Vista Partition

One of the more advanced options for resizing your Windows Vista partition is to use the GParted Live CD, a bootable linux CD that takes you straight into GParted, the great linux utility for managing partitions. The problem is that if you resize your boot/system partition, you will be completely