Jag fick en förfrågan om hur man gör boxar i menyn utan bilder.

Så som jag har på jennysmodemix.se

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;
}




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.