Klick!
PUBLICERAT: 2014-07-06 18:10:00 Design Tips

Klickade hem lite varor för några dagar sedan. Kommer dock att ta ca en månad för sakerna at komma pga att det är från en utländsk sida, men vad gör det när det är gratis frakt och priserna är pressade? Är sjukt förväntansfull och så taggad på att berätta för er och visa upp sakerna här på bloggen men det får vänta tills dem har levererats!
 

Dela in menyn i boxar
PUBLICERAT: 2012-01-09 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

<div id="box">
Innehållet som du vill ha i boxen
</div> <br>
alla kodmallarna! :)