Customize Firefox blank page

By Percy Cabello

When you open a new tab (File/New tab, or Ctrl + T) you get a blank tab.

If blank is too much for you, try adding some color and style to the blank page.

Just add this code to your userContent.css file located in your profile folder to add a light Firefox icon to the bottom right of the blank page.

Custom about:blank page

As you can see in the linked code, the image is embeded as a data URI. You can use your favorite image replacing the data URI with your favorite image:

  1. Visit Ian Hickson’s data: URI kitchen,
  2. Check the base64 check box
  3. Upload your image
  4. Replace the data: URI in the linked code with the generated link
Posted on December 14, 2007 - 3:06 pm || More on Firefox, Tips

Comments

avatar666

December 14, 2007 3:06 pm

You can customise the Blank Page also with the Stylish add-on.

Reply

Ace_NoOne

December 14, 2007 3:06 pm

That’s a wonderful tip – thanks!
(I would – and did – choose a different color though; #FFFF11 turned out to be too obtrusive.)

Reply

Havvy

December 15, 2007 3:06 pm

If you have the Stylish extension, there are a ton of things that do this for you already. If you have it installed, here is a link to a list of about:blank replacements for you:

http://userstyles.org/styles/search/about%3Ablank?category=app

Percy, say something about this in your blog post…

PS: I didn’t see the comment by avatar666 until just not; not editing comment

Reply

Customize Firefox blank page at they made me do it

December 17, 2007 3:06 pm

[...] netter Weg um seine about:blank-Seite im Firefox zu modifizieren. Es soll ja viele Menschen geben die [...]

The Phoenix Fox Project » Customize the Firefox about:blank page

December 17, 2007 3:06 pm

[...] you can see in the linked code, the image is embedded as a data URI. You can use your favorite image replacing the data URI with your favourite [...]

Pagyvinkime bevardÄ™ Firefox kortelÄ™ paveiksliuku | Radiocool

December 26, 2007 3:06 pm

[...] Mozilla Links ]  PaskelbtiÄ®vertink pirmasis-oji (vertinimų: 0, vidurkis: 0 iÅ¡ 5)  Loading [...]

Jay Mistry

January 3, 2008 3:06 pm

Hi,

I would like to change the Tab Close (X) icon color from red with rounded corners to the old square one (no colors/BW/gray)

How can I do this?

Thanks,

Jay

Reply

Daniel Ritchie

March 13, 2008 3:06 pm

This would be fun, if about:blank was only used in new tabs. It’s not. This has never been a good idea, take a look at how about:blank is actually used:

http://www.honestlyillustrated.com/userstyles/stylishguide/stylishguide.html#about:blank

Reply

PantherDave

June 5, 2008 3:06 pm

This is a pointless use for it, but data URI’s can be very useful. Instead of uploading to convert to base64, you can use IZArc, which also happens to extract more types of archive files than most people know exist. =D

Reply

Justin

July 13, 2009 3:06 pm

I don’t see anything in Stylish that allows you to customize with your OWN image. Besides, the Stylish addon is impossible to use and is not user friendly nor intuitive. I hate it.

Reply

Leave Comment