Skapa boxar utan bilder.


» Det första du ska göra är att lägga denna kod under #side i sin stilmall.

#box { width: 180px; padding: 10px 10px 10px 10px; background: #FFFFFF; }

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

» Nu ska du göra själva boxarna i kodmallen.
Du lägger in koderna för boxarna under #side i kodmallen. Om du lägger dem på något annat ställe hamnar boxarna inte i menyn.

<div id="box">SKRIV INNEHÅLLET HÄR!<div>

Du lägger alltså till <div> 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. Du skriver alltså din text mellan <div id="box"> och <div>. 
 
» Desto fler <br /> desto större mellanrum får du.

» Om du vill ha fler boxar är det bara att du gör en ny efter denna box. Antingen lägger du den under varann med koden <br /> som betyder radbrytning/blanksteg eller så lägger du den någon annanstans.

» Om du vill ha runda hörn gå till designadinblogg.se för mer förklaring.

Lycka till!