Jennys Modemix

Hur man gör en footer.

Vill du ha en bild som footer, så skapar du den först och främst, och laddar upp den. Bredden på den skall vara max lika bred som din wrapper.

När du gjort det, så kan du gå vidare:

1. Gå in i din stilmall.


2. Klistra 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;
}


3. Om du använder dig av en bakgrundsbild, så klistrar du in adressen till den bilden där det står "adressen till din bild", annars om du inte använder en bakgrundsbild, så raderar du tills det ser ut så här: background: #CCCCCC;

4. Ändra height och width till den bredd så de passar in på din wrapper eller bakgrundsbild. Height är ju så hög som din footer ska vara, och width ska passa in i din wrapper.

Spara din stilmall!


5. Gå nu in i dina kodmallar.


6. Nästan längst ner i kodmallen finns det tre stycken </div>.




Klistra in följande kod innan den sista:

<div id="footer">
Ditt innehåll här
</div>



7. Spara och gör likadant på dina andra kodmallar (category page, entry page och archive page).