Bonus:
Det här är färdiga moduler som du kan klistra in dina egna bilder i, om du vill att din header ska se ut som sidan i ett fotoalbum. För dig som gärna vill sitta lite och pilla själv. Här har du grunden färdig, det är bara att sätta igång och leka.
Storlek:
760x540 px
Färger:
#CC0000 (röd)
#333333 (grå)
#FFFF00 (gul)
#66CC66 (grön)
#9999CC (lavendel)
#FF99FF (rosa)
#996666 (ljus malva)
#FF9966 (persika)
Hur ändra färg på headern?
- Öppna headern i ditt bildbehandlingsprogram, antingen Photoshop eller Paint.Net
- Välj trollstaven i vektygsfältet och klicka på färgen du vill ändra.
- Ändra till den färg du vill ha.
- Välj färgpytsen i verktygsfältet och klicka på markeringen i bilden (färgen).
- Nu ska färgen på headern vara ändrad.
Hur lägga in egna bilder i headern?
- Öppna bilden i ditt bildbehandlingsprogram, antingen Photoshop eller Paint.Net
- Ändra storlek på bilden (resize) så att pixelantalet på den längsta sidan motsvarar pixelantalet (px) på den ram du vill klistra in i.
- Beskär (canvaz size) bilden så att även bildens andra sida motsvarar ramens mått.
- Markera hela bilden, kopiera och klistra in i dokumentet som innehåller headern.
- Flytta bilden på rätt plats i ramen.
- När du har lagt in alla bilder kan du göra övriga redigeringar du vill ha gjort. Exempelvis skriva in text.
- När du är helt färdig lägger du ihop alla lager (flatten image) och sparar som .jpg
Hur lägger jag in en egen header på min blogg?
- Klicka på miniatyrbilden för att få upp originalet (den stora bilden).
- Högerklicka och välj att spara bilden.
- Ladda sedan upp headern på en bildserver (photobucket, flickr etc) eller på din blogg.
- Leta rätt på bildadressen (slutar på .jpg).
- Gå in på din stilmall och hitta #Header. Ersätt den befintliga bakgrundsbilden, alltså background (adressen slutar på .jpg eller .gif eller .png) med adressen till din nya header.
- Ändra height till höjden på din nya header.
- Om width står med, ändra till bredden på din nya header annars kan du strunta i det.
- Gå till #Wrapper. Ändra width till bredden på din nya header.
Exempel på hur koden kan se ut:
#Wrapper {
width: 760px;
}
#Header {
height: 526px;
width: 760px;
background: url(http://www.adressentillbilden.jpg);
}
Måste jag be om lov?
Nej, men det vore snällt om du kunde skriva ett litet inlägg om var du fått headern ifrån och länka till mig.
Vill du ha en mer personlig header eller bloggdesign? Kolla [FAQ] i sidomenyn.
Allt innehåll, om inte annat framgår, är © Terese Mörtvik.
Foton, grafik, eller texter får inte användas utan mitt tillstånd.
Vid användning med tillstånd länka alltid tillbaka till bloggen.
Foton, grafik, eller texter får inte användas utan mitt tillstånd.
Vid användning med tillstånd länka alltid tillbaka till bloggen.
