♥ Först lägger du till denna koden under #side i din stilmall.


#box {
width: 212px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 1px solid #FF4A7D;
}



♥Ta bort background: #FFFFFF; i #side. Den behövs inte där eftersom att det redan finns en background i boxkoden.

Så det ser ut så här: Min ser ut så.

#side {
position: absolute;
left: 7px;
border: 0px solid #ffffff;
margin-right: 0;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 3px 3px 0px;
float: left;
background: #FFFFFF;  <---- TA BORT
width: 212px;
text-align: center;
}


#box {
width: 212px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 1px solid #FF4A7D;
}



♥ Nu ska du göra själva boxarna/rutorna i kodmallen.
Du lägger in koderna för boxarna under #side i kodmallen, kom ihåg det! Om du inte lägger dom under #side så hamnar dom inte i menyn.

<div id="box"> innehållet som du ska ha i boxen</div><br />

Du lägger alltså till <div id="box"> där du vill att boxen ska börja, och </div><br /> där du vill att boxen ska sluta. Det är bara att upprepa det så får du fler boxar, tills allt i menyn är i olika boxar!
Jag vet inte om ni förstår, så jag ger ett exempel:


♥ Nu ska du börja koda i kodmallen.

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

Lägg in den varsom beroende på vad du vill ha dom någonstans.


Först kopierar du det här:

<div id="box">HÄR SKRIVER DU OCH LÄGGER IN DET DU SKA HA I DEN FÖRSTA BOXEN</div>

exempel från min egen:

<div id="box">
<font face="verdana" size="1"align="left" "color="#FF4A7D">
<div><b>ANNONSER</b></div>

Antingen om du vill ha en annons som jag har, eller så kan man välja och bara ha text eller både och.

</ul>
</div>



Sen ska du ju få dessa 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.

Efter denna boxen så är det bara att göra en ny om du vill ha fler boxar. Antingen lägger du dom under varann med koden <br /> som betyder radbrytning/blanksteg eller så lägger du den någon annanstans. Fritt val=)



Vill ni ha boxar med runda hörn så lägger ni till denna kod under det stället ni vill ska vara runt.



-webkit-border-top-left-radius:5px;           <-------  hur runda hörn ni vill ha
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}


Se exempel:

#side {
position: absolute;
left: 7px;
border: 0px solid #ffffff;
margin-right: 0;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 3px 3px 0px;
float: left;
background: #FFFFFF;  <---- TA BORT
width: 212px;
text-align: center;
}


#box {
width: 212px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 1px solid #FF4A7D;

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;  
-webkit-border-bottom-right-radius:5px; 

-khtml-border-radius-topleft:5px; 
-khtml-border-radius-topright:5px;  
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px; 
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px; 
-moz-border-radius-bottomright:5px; 
}


♥ Om rutorna ser helt konstiga ut nu så kan du gå in på stilmallen och ändra värdet på margin, width och padding i stycket #box så att du får rätt bredd och sådär.

TIPS: Att göra dom här boxarna är ganska svårt om man är nybörjare inom kodmallen och så.
Och jag är inte så bra på att förklara det i text heller... 
Jag är inte så super bra på och förklara så Behöver ni hjälp så är det bara att fråga i en kommentar! ;)

KOM IHÅG!!!
Det här måste ändra i Front page, Entry page, Category Page och Archive page!
Annars så är det bara rutor på första sidan, och inte om man går in på arkiv, kategorier eller ett specifikt inlägg! VIKTIGT!



Jag lärde mig dela upp menyn av Emma!

LYCKA TILL! ! !