Kazooz - Creativity and Life

Så kallade boxar med runda hörn kan du både göra med hjälp av bilder eller inga bilder, det e upp till var och en att välja på vilket sätt hur man vill använda sig av olika kodningar.

Denna guiden handlar om hur man gör det utan att använda sig av bilder...

1. Klistra in denna kod någon stanns i din stilmall och ta bort bakgrundsfärgen på din vanliga meny i #side, spara sedan.

#container {background: #cccccc;} .roundtop {background: #ffffff;} .roundbottom {background: #ffffff;} .r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;} .r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;} .r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;} .r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;} .content {padding: 10px;}


2. Gå sedan in i din kodmall och lägg in denna koden vart du vill att din box ska placeras.

<div id="container"> <div class="roundtop"> <div class="r1"></div> <div class="r2"></div> <div class="r3"></div> <div class="r4"></div> </div> <div class="content">Innehållet i boxen här...</div> <div class="roundbottom"> <div class="r4"></div> <div class="r3"></div> <div class="r2"></div> <div class="r1"></div> </div> </div>

Vad du sedan ska för innehåll i din box är ju ett personligt val och jag kan inte guida här för diverse saker som man kan ha i sina boxar.

Men så här kan det se ut om man vill ha t.e.x vill ha senaste inläggen, kategorierna och arkivet i en och samma box.

De markerade gröna är box koderna och det blåa är innehållet du vill ha i boxen.



Resultatet kommer då att se ut så här på din blogg



Har ni några problem så är det bara att fråga, jag hjälper gärna till :)