Ulike teksteffekter

Skyggetekst
Koden: <span style=”text-shadow: 1px 3px 9px black;”>Sett inn din tekst her</span>

Blinketekst (funker i noen nettlesere)
Koden: <span style=”text-decoration: blink;”>Sett inn din tekst her<span>

Dette kan limes inn i innlegg du skriver på, trykk på HTML av/på-knappen, lim inn og trykk på den knappen igjen – og du er klar til å sette inn teksten!

Image fade effect

Legg koden under nederst i stilsettet ditt. Du bare endre på tallet 60 til hvor mye du vil at bildene skal falme.

KODEN:
img, a img { border: 0px;  opacity: .60; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; } 
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }

Når du holder musepilen over bildet, ser du det “lyser”.

Hvordan flytte sidemenyen opp til headeren

Den limer du inn på Design > Rediger > Stilsett.

}
#side {
margin-top: -300px;
background-color: #ffffff;
}

Du må endre 300 til noe høyere tall (f.eks: 600) hvis du vil ha sidemenyen høyere opp.
Du må endre 300 til noe mindre tall (f.eks: 100) hvis du skal ha sidemenyen lengre ned.
Husk også å lage headeren mindre, hvis bloggen blir litt rar når du bruker denne koden.

Farge bak overskrift

Koden her:

**************************************************
h2 {
background-color:#85caff;     < Lys blå
 }

h3 {
background-color:#478aff;     < Mørk blå
}
**************************************************

Sett inn denne koden på > Design > Rediger > Stilsett. Se etter h1, h2, h3, h4, h5. Du limer inn bare kodene inn under h2 eller h3.

a { color: #336699}
a:link { color: #336699}
a:visited { color: #336699}
a:active { color: #336699}
h1, h2,
h2 {
background-color:#85caff;                          <- Lys blå
 }
h3,
h3 {
background-color:#478aff;                           <- Mørk blå
}
h4, h5 { font-family: Tahoma, Geneva, sans-serif; }
#header h1, #header p { display:none }
#header { color: #000000; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }

Du kan velge om du vil ha h2 eller h3!

Endre farge på når du kommenterer innlegget

Lim koden inn på stilsett under #footer.

}
textarea {
background-image: url(”);
background-repeat: no-repeat;
background-position: right bottom;
}
#newcomment
#comment_author {
width: 300px;
background-color: #BBDCFF;
background-position: right bottom;
}
#newcomment
#comment_authoremail {
width: 300px;
background-color: #BBDCFF;
background-position: right bottom;
}
#newcomment
#comment_authorurl {
background-color: #BBDCFF;
background-position: right bottom;
}

background-color: #BBDCFF; skifter du bare fargen du har lyst på.

Ingen kopiering

Trykk på design – rediger – maler (HTML) – forsiden.

Søk på (Ctrl+F) <head> Du trenger egentlig ikke søke, du ser det med en gang at den ligger på den femte linja fra toppen.

Under <head> limer du inn dette:

<script language=JavaScript>
<!–
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function(“return false”)
// –>
</script>

Husk å lagre!
Husk at du nå bare har gjort følgende en gang, og man kan kopiere inne i selve innleggene, i kategori-lista og i arkiv-lista. Dette endrer du med å legge inn koden på samme plass i de andre malene.

PS: Selv om du har denne koden på bloggen, kan det fortsatt kopieres fra bloggen din.

Lykke til!