Annons:
Etikettom-bloggande
Läst 3766 ggr
Cerrolyn
2009-09-15 09:45

Bakgrundsbild i bloggtown

Bild 1. Klicka för att öppna i full storlek.

Denna funktion kan kanske funka i andra bloggtjänster också.

För att kunna göra detta måste du använda dig av css. Kolla på din tjänst vart du ladda ner den. Se även till att göra en bild ni vill ha. Ta och gör bilden lite genomskinlig genom att för att annars kan det bli lite svårt att läsa bloggen.

Öppna sedan css-dokumentet i anteckningar (notpad) och i body-stilen som ser ut så här:
body{
margin:0px;
padding:0px;
text-align:center;
background-color:#FFFFFF;
}

Ändrar till detta:
body{
margin:0px;
padding:0px;
text-align:center;
background-image: url(C.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color:#f1f1f1;
}

Förklaring:
background-image: url(C.jpg); I parentesen skriver du in sökväg och namn på bilden.
background-repeat: no-repeat; Jag ville att bilden bara skulle vara med en gång, vill du att bilden ska repiteras neråt skriver du: background-repeat: repeat-y
För repetion åt sidan: background-repeat: repeat-x
För att repitera över hela sidan: background-repeat: repeat

background-attachment: fixed;
Denna gör att bara texten scrollas.

Se till att spara sidan och lägg ut den och bilden på nätet. Logga in på blogtown, gå in på "Layout". Kryssa i "Egen style sheet (CSS)".

Det kommer upp en ny ruta, fyll i sökvägen till din css-fil

och spara. Klart!

Lite annat kul…

Fixa färg på scrollen:

html, body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ccd9fe;
scrollbar-darkshadow-color: #808080;
scrollbar-shadow-color: #C0C0C0;
scrollbar-arrow-color: #808080;
scrollbar-track-color: #f1f1f1;
}
Ändra hex-nummerna till den färgen du vill ha.

**MVH Cerrolyn

Annons:
Upp till toppen
Annons: