designstil

SKAPA BOXAR

1. Lägg till koden som finns här under, under #side i din stilmall.

#box {
width: 175px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
}


SÅ DET SER UT SÅ HÄR:
#side {
text-align: center;
position: absolute;
float:left;
width: 175px;
}

#box {
width: 175px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
}






2. Ta bort background i #side.

Den behövs inte därför att du redan har background i boxkoden.

Ta alltså bort background: #FFFFFF;


#side {
text-align: center;
position: absolute;
float:left;
background: #FFFFFF;   <-----TA BORT
width: 175px;
}



3. Nu ska du börja koda i kodmallen (framsidan)


Du lägger in denna koden under <div id="side"> i kodmallen för att få boxarna vid menyn.



Först så kopierar du det här:

<div id="box">
SKRIV DET INNEHÅLL SOM DU VILL HA
</div>




MIN SER UT SÅ HÄR:
<div id="box">
<div>SENASTE INLÄGGEN</div>
<ul>
<tag:recentlist limit="10">
<div align="left">   <li><img src="http://jennysmodemix.se/images/2009/icon_heart_pink__65662424.gif"><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>

</ul></div><br />




Sen ska du ju få mellanrum för att det ska bli som det heter "uppdelad meny" och det gör du med hjälp av koden <br />.



Desto fler <br /> desto större mellanrum.



4. Nu ligger säkert inte allt exakt rätt. Då ändrar du bara i stilmallen.
Du får ändra till din widht du vill ha och hur mycket padding du vill ha.