hur man lägger in en header i sin blogg
1. Gå till design och sedan tryck på stilmall.
2. Leta upp kodavsnittet som heter #header eller div#header (beror på vilken stilmall du har). Kolla om det är utsatt en bredd, dvs width. Om det inte finns, kolla då om det finns en width i kodavsnittet #wrapper. Bredden som anges, är nämligen bredden på din header som du ska göra.
Om du inte hittar ett värde för width på varken #header eller #wrapper, då får du testa dig fram lite, eller byta till en annan stilmall.
3. Gör nu din egen header i ett bildprogram. Eller om du redan har gjort den, så gå vidare till steg 4.
4. Ladda upp den på din blogg, och spara adressen till bilden.
5. Gå in i din stilmall igen, och leta upp kodavsnittet #header eller div#header. Se om det finns en kodrad som heter background. Om den finns, så ska du ersätta den med nedanstående kod. Om den inte finns, så ska du klistra in nedanstående kod.
background: url(adressen till din bild) no-repeat center center;
Där det står Adressen till din bild lägger du in adressen till bilden som du laddade upp på bloggen i steg fyra. Tänk på att parentesen ska vara kvar, dvs adressen ska ligga inom parentesen!
6. Nu ska du ange hur hög din header är. Leta upp avsnittet #header igen och se om det finns en kodrad som heter height. På vissa stilmallar står det redan ett värde på height, ändra i så fall det till höjden på din egen header. Om det inte finns, så lägg till nedanstående kodrad i din #header:
height: XXpx;
Ersätt XX med höjden på din headerbild.
Förhandsgranska nu och se hur det hela ser ut.
Ev måste du ändra lite i padding med, om du får en ram runt din header. Men det går säkert bra ;)
Nu så ska din header sitta där, och se fantastisk ut :P som vår ;)
Ny kategori
