- dotTech - http://dottech.org -

Customize Firefox’s about:blank page

Every time I open a new tab in Firefox, I’m greeted with about:blank.  As far as creative names go, the name of this page is not very creative because it is just that – blank:

[1]

Default state of about:blank

For most of us this isn’t a big deal because we don’t really spend much time staring at a new, open tab. However others may want to customize it. This article will teach you how to do just that.

To customize your about:blank page, you’ll need a user-content.css file.  To make one, press the Windows key and R simultaneously.  A box titled “Run” will pop up.  In it, type %APPDATA%.  Then go to Mozilla\Firefox\Profiles. In that folder you should see a folder named something like [randomtext].[profilename]:

[2]

For most of us there should only be one folder like this. For others (who created multiple profiles) there will be multiple folders. If there are multiple folders, select the folder corresponding to the profile that you want to customize about:blank for.

Once you are in the [randomtext].[profilename]: folder, look for the chrome folder. In that folder, find userContent-example.css and rename it to userContent.css.

Next, open userContent.css in Notepad or any other text editor (Notepad is preferred over something like Word because it is more simple) add the following code to the end of the file:

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

* {
background: url(‘[INSERT IMAGE URL HERE]’);
background-color: #000000;
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Where it says [INSERT IMAGE URL HERE], put the URL of either an image from the web (Ex: http://www.google.com/logos/giroux1.gif) or the URL of an image on your computer (Ex: file://C:/Users/Public/Pictures/Sample Pictures/desert.jpg).

In addition to changing the background image, you can

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
inherit

After you have edited the settings as you please, save the file and restart Firefox (if you had it open). You should then see something like this every time you open a new tab:

[4]

Enjoy the extra eye candy!

[via MozillaLinks [5]]

UPDATE:  I added clarification on how to open %APPDATA%.