Eget tema på bilddagboken, svartvit graffiti

Ja ni ser på bilden hur det ser ut, bättre än att beskriva.. Passar ihop med det mörkgula/gulbruna temat på Bilddagboken.

#topHolder {
background-image: url('http://img685.imageshack.us/img685/1246/bdb11.jpg') !important;
background-position: center top !important;
padding-top: 150px !important;
}

#holder {
background-image:url('http://img8.imageshack.us/img8/9003/bdbnere2.png') !important;
background-repeat: repeat-y !important;
background-position: center top !important;
padding-left: 100px !important;
padding-right: 100px !important;
}

Hur man använder koden berättas i ett annat inlägg av mej.

EDIT: Ändrat länkarna till bilderna som används, först från en host som inte tillät hotlinking sen från tinypic som förminskade bilderna.

Rensa upp på Bilddagboken

Det är möjligt att ta bort hela högerdelen på Bilddagboken. D.v.s. fokus och en massa reklam. För att göra detta använd:

#rightAdContent {
display: none !important;
}

Men Fokus vill man ju gärna ha kvar, vem klarar sej utan dessa nödrop från landets alla fjortisar? Ingen, men det går att ta bort reklamen och ändå behålla fokus. Med följande:

#rightAdContent {
height: 146px !important;
overflow: hidden !important;
}

Hur man använder koden står beskrivet i ett annat inlägg av mej.

Annonser på Bilddagboken gjorda i flash har en tendens att strunta i css kodningen och därför visas de ändå, men man slipper fortfarande 3/4 annonser.

Eget tema till Bilddagboken

Vi är alla överens om att bilddagboken ser ut som stryk. Men det går att ändra på, man kan designa om det själv. Åtminstone kan jag det.. Jag ska berätta hur man gör, men här är först lite kod:

#topHolder {
background-image: url('http://img714.imageshack.us/img714/371/bdb7.png') !important;
background-position: center top !important;
padding-top: 150px !important;
}

#holder {
background-image:url('http://img168.imageshack.us/img168/9074/bdbnere.png') !important;
background-repeat: repeat-y !important;
background-position: center !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

#topHolder är toppen, jag la till lite utrymme (150px) och fixade en egen bakgrundsbild. Mall för photoshop cs4 finns här, om du vill göra en egen design.

#holder är mitten, där allt innehåll är, alltså inte hela vägen ut till kanten, tyvärr. Det försämrar möjligheterna för en roligare design..

För att använda css koden gör du såhär: (i webbläsaren Opera.) 
1. kopierar koden, klistrar in i notepad
2. sparar som vadsomhelst.css var som helst
3. i Opera, Visa > Stilmallar > Visningslägen > Utseende och där längst ner väljer du bläddra och letar upp din .css fil

Om du föredrar Firefox har Glappkäft skrivit ett ganska bra inlägg på ämnet.

Mouseover/hover for the blogspot navbar

To make the blogspot navigation bar non transparent whenever the mousepointer is around you add:

#navbar-iframe:hover {
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
}

The extreme red/blue design

The design is a tribute to A Clockwork Orange, which is one of my absolute favourite movies. The titles in the beginning of the movie are displayed with big white text on every other red, every other blue background. If you want to download it: link.

Customize the Blogspot navbar (or remove it)

The css code I used to style my navbar:

#navbar-iframe {
opacity: 0.2 !important;
filter: alpha(opacity=20) !important;
}

Ofcourse you can choose to remove the navbar completely, just use:

#navbar-iframe {
display: none !important;
}

I'll keep my navbar because of the search function.