Dela in menyn i boxar
PUBLICERAT: 2012-01-09 
02:24:10 Design Tips
02:24:10 Design Tips
Hej!
Här kommer en VideoGuide om hur man delar in menyn i boxar:
*stilmall ursäkta! haha ;)
Lägg in denna koden:
#box {
width: 180px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
margin-top: -3px;
margin-bottom: -1px;
}
Under div#Side
Vill du ha boxar med runda hörn lägger du in denna koden:
-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;
}
under #Box { koden.
Såhär ska det se ut:
#box {
width: 180px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
margin-top: -3px;
margin-bottom: -1px;
-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;
}
(spara stillmall)
Gå in i kodmallar
Nu är det själva uppdelningen:
<div id="box">
Innehållet som du vill ha i boxen
</div> <br>
Obs! En sak jag glömmde nämna i videon:
Ni ska upprepa
Ni ska upprepa
<div id="box">
Innehållet som du vill ha i boxen
</div> <br>
i alla kodmallarna! :)
