Saturday, 11th February 2012

How About Giving Funky Look To About:Blank Page In Firefox?

Mostly FireFox users use the about blank option for default FireFox start page and when they start FireFox it starts with a blank screen ready to connect you to the Internet.

Now how about giving a funky look to the start page of FireFox? Yeah, no website will start when you open FireFox but an image of your own choice will be displayed when you first open FireFox. Before we start working on the details I request you to install the Stylish extension which will help give wings to your imagination.

After successful installation of the extension click on the new icon on the status bar and click Write Style and then Blank Style.

Type in the description for your style and then paste the code provided below in the area provided.

@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;
}
}

Now you have two choices to upload the image:

  • Directly use the link of the image like this one: url(http://www.website.com/imagelink.png);
  • Encode your image into text and paste the code in the text above. You can use this website to encode your image into numbers. Most of the converters will give you correct format and you will just have to paste the numbers provided by the converter in place of ‘INSERT BASE64 ENCODED IMAGE HERE’

Or you can use the already created styles which you will find here. So go and explore your dull looking about:blank page with many more possibilities.

Tags:

One Response to “How About Giving Funky Look To About:Blank Page In Firefox?”

  1. Daniel Ritchie 13 March 2008 at 6:04 pm #

    It was a good idea, until programmers who DON’T do that realized that about:blank could be used in other places, as it’s intended, as a blank page!

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


Leave a Reply

Please fill the required box or you can’t comment at all. Please use kind words. Your e-mail address will not be published.

Gravatar is supported.

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>