Prenumerera till Hur-Till Geek

Important! This is an automatic machine translated page. If you can read english, you should Click Here to read the original English version of the article.

Krydda upp den borrning omkring: förbigå sidan i Firefox

Den tomma fliksidan i Firefox är rättvis en vanlig vitborrning ingenting - till nu. Genom att använda den stilfulla f8orlängningen för Firefox, bäddar in vi canuppsättningen som ett beställnings- utformar för sidan, och även avbildar in i utforma för att göra det egentligen look stor.

Om du är känsligt ambitiöst, kan du lätt skapa ditt eget utformar, eller du kan hoppa over besegrar vidare för att ta en look på något av utformar redan skapat av folket på UserStyles, någon av som är egentligen söt.

Skapa ditt eget utforma

Jag ska antar att du har Stilfullt f8orlängningen för Firefox som redan ar installerad, så klickar på symbolen i statusen bommar för, väljer skriver utformar, och därefter tomt utforma.

avbilda

Ge ditt utformar en beskrivning och klistrar därefter i texten som jag har git nedanfört. Ska detta gör en tom vitsida med ditt att avbilda i centrera…,

avbilda

@namespaceurl (http://www.w3.org/1999/xhtml);
@-moz-documenturl (” omkring: förbigå”) {

* {
bakgrund:
url (” data: avbildar/png; base64 det KODADE MELLANLÄGGET BASE64 AVBILDAR HÄR”);
förse med marginal: 0px;
bakgrund-placera: centrera;
bakgrund-tillbehör: fixat;
bakgrund-repetition: ingen-repetition;
}
}

Att sätta in avbildar in i utforma, dig har två val:

  1. Du kan direkt sätta in en anknyta till en avbilda som varas värd på en server, genom att byta ut urlen () fodrar i CSSEN med denna:

    url (http://www.server.com/link_to_image.png);

  2. Du kan base64 koda en avbilda in i text i stället, så att den har bäddat in in i stylesheeten, som är det bäst alternativet för mest folk. Hur gör du denna? Det finns några numrerar av webbaserade omformare, som ska handtaget detta, inklusive detta det fann I: Binärt spara till kodaren Base64/översättaren - greywyvern.com

Kopiera precis den konverterade texten in i din stylesheet, var indikerat, och den ska arbete. Om ditt avbilda inte är PNG formaterar, dig bör ändrar avbilda/png fodrar för att reflektera den korrekta typen. (mest av de ska omformarna ger dig som de korrekta formaterar).

Utformar användarskapat beställnings- för nedladdning

avbilda

Skriva Ninja - HowToGeek.com

avbilda

Ljusa Firefox - http://blog.mzzt.net/2007/04/10/aboutblank/

avbilda

Mörker Firefox - http://userstyles.org/styles/2433

image

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

image

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

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

| More
This article was originally written on 09/5/07 Tagged with: Firefox, Firefox & Web

Daily Email Updates

You can get our how-to articles in your inbox each day for free. Just enter your name and email below:


Name:
Email:

Comments (6)

  1. Nathalie

    i didn’t like the converter you proposed. this is one that actually works: http://www.motobit.com/util/ba.....ncoder.asp
    overall, great idea!

  2. Wulf

    Nathalie: Wow, great link. I’d been using the “data: URI kitchen�? at http://software.hixie.ch/utilities/cgi/data/data

  3. Jayson

    For the record, this hack borks the new Gmail’s reply box.

  4. Daniel Ritchie

    This has never been a great idea, if you take a look at how about:blank is used. http://www.honestlyillustrated.....bout:blank

  5. Jeremy

    Hi. This is an awesome tutorial. Keep it up!

    However, whenever I reload(close and open) my FireFox browser, the stylish disappears and all I get is a blank page when I open a new tab.

    I am wondering if any of you encounter this.

    Nonetheless, great tutorial. Step by step. Awesome!

  6. JHubbard92

    Brilliant Geek :-)


Leave a Comment




Leave your friendly comment here.

If you have a computer help question, click here to leave it on the forums instead.

Note: Your comment may not show up immediately on the site.

Our Friends
Getting Started


About How-To Geek
What Is That Process?
svchost.exe
jusched.exe
dwm.exe
ctfmon.exe
wmpnetwk.exe
wmpnscfg.exe
rundll32.exe
wfcrun32.exe
Ipoint.exe
Itype.exe
Wfica32.exe
Mobsync.exe
conhost.exe
Dpupdchk.exe Adobe_Updater.exe

Copyright © 2006-2009 HowToGeek.com. All Rights Reserved.