Nej, det är Paula som har gjort headern, men man kan göra dem i photoshop. Man tar upp en ruta som heter animations, sen är det bara å köra! Dock är det jag som har satt in den, vilket inte direkt var enkelt..
Här har du en beskrivning för hur man gör det i blogspot, från fixa-din.blogspot.com ;)
Själva bildadressen och storlek ska du lägga in under .Header img-stycket.
Det kan se olika ut i de olika design-mallarna, men titta efter bilddelen (img = bild) i headerstycket.
.Header img, .Header #header-inner {
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
background: url("http://bildadress.gif")no-repeat;
height: 200px;
width: 800px;
margin-left: auto;
margin-right: auto;
}Klistra in den röda koden och byt ut höjden och vidden mot din bilds mått och klistra in din bildadress.
Om din blogg inte har något header img stycke alls eller något liknande kan du prova att klistra in hela stycket och förhandsgranska. Glöm inte att lägga till en bildadress först bara, annars kommer du inte att se någon headerbild.
Om du inte vill att din bloggs rubrik och ev beskrivning ska synas är det lätt fixat - utan att byta ut din rubrik till en punkt som många gör. Leta efter de här två styckena och byt ut nuvarande teckensnittstorlek till 0.
.Header h1 {
font: normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.Header .description {
font-size: 130%;
}
font: normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.Header .description {
font-size: 130%;
}
Förhandsgranska och spara när du är nöjd.
För att hitta de olika sakerna i kodmallen så kan man använda sig utav Ctrl+F ;)
Om du har blogg.se är det en annan historia, jag föreslår google. ;))
Inga kommentarer:
Skicka en kommentar
Skriv här!