Designtips: Footer
1. Först måste du skapa en bild i photoshop, bredden på bilden ska max vara lika bred som måttet som står angivet under width i #wrapper { i din stilmall. Går förstås att göra bilden mindre om du vill det.
2. Klistra sedan in följande kod längst ner i din stilmall:
#footer{
clear: both;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
width: 856px;
height: 20px;
background: #CCCCCC url(adressen till din bild) no-repeat bottom center;
text-align: center;
font-family: verdana, arial;
font-size: 10px;
color: #FFFFFF;
}
#footer{
clear: both;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
width: 856px;
height: 20px;
background: #CCCCCC url(adressen till din bild) no-repeat bottom center;
text-align: center;
font-family: verdana, arial;
font-size: 10px;
color: #FFFFFF;
}
3. Där det står "adressen till din bild" ska du klistra in koden till bilden som ska vara din footer. Glöm inte heller att ändra width och height så det passar in på din blogg.
4. Gå in i din kodmall. Eftersom jag har lagt in min footer på inläggskodmallen tänker jag förklara hur man gör där. Vill du ha bilden under kommentars rutan så tryck ctrl+f, sök upp "<a name="trackback"></a>" och lägg denna kod precis under:
<div id="footer">
<img src="adressen till din bild">
</div>
5. Har ni följt instruktionerna så ska allt sitta fint nu! Har footern hamnat för mycket åt ett håll eller liknande så kan ni behöva pröva er fram genom att ändra i margin & padding, det var dock inget jag behövde göra.
Detta var ett designtips som en läsare ville att jag skulle dela med mig av. Är det något mer ni vill veta hur jag gjort? De fallande snöflingorna? Rullande status på bloggen? Hör av er i en kommentar eller mail så skriver jag ett inlägg om det!
SV: har lagt till dig på bloglovin nu. Säg till när du lagt till mig :)