Hur man gör boxar i menyn
|
bloggdesign tips
1. Börja med att ta bort bakgrundsfärgen på #wrapper så att #content och #side inte sitter ihop. Du kan ta bort hela raden. (Om det ser konstigt ut skriv en mindre siffra på #side och #content så att du minskar bredden).
2. Kopiera koden nedan och klistra in den i din stilmal under #side stycket :
#box {
width: 221px;
background: #FFFFFF;
border: 1px solid #cccccc;
padding: 10px 10px 10px 10px; }
3. Ändra bredden så att det är lika mycket på #side som på #box.
4. Ta bort bakgrunden på #side.
5. SPARA!
Nu går man över till kodmallarna.
6. Kopiera Koderna:
<div id="box">
</div><br>
7. (nu blir det lite svårt att förklara men jag ska försöka.) Om vi t.ex vill ha kategorier i en box då ska koden överst (i steg 6) vara över det stycket och koden underst vara under det stycket.
Här är ett exempel:
<div id="box">
Kategorier
</div><br>
(Jag skrev kategorier där istället för att klistra in den riktiga koden, men ni fattar! :))
8. Om du t.ex vill ha arkivet i en box också så måste du göra likadant där. osv
9. Sen måste man även göra likadant i alla kodmallar. Glöm bara inte att spara emellan!
Hoppas ni fattar! :D
Kommentarer
Linn Strömberg
Bra inlägg :D <3
Svar:
byalicee.blogg.se
Felicia
Hej! har veckansblogg på min blogg nu! skulle va superkul om just du ville va med! kram<3
LINNÉA FLYSTAM
Jättefin design du har!
Jag har frågestund på min blogg nu, om du vill får du gärna ställa ett par frågor. :) Kram
linneaflystam.blogg.se
Linnéa Alpsten
Bra tips :D
☆Z I N J A☆
det där tipset är jättebra!
Anonym
fin design :)
Vendela
fina bilder! :D
Carro - en emo/scene bloggerska
Bra inlägg :) Kramisar Carro
Trackback
Hej och välkommen! Jag heter Alice, är 19 år och går första året på samhällsprogrammet med inrikting media. Jag älskar att fota, photoshopa, webdesigna, blogga, kolla youtube, instagrama, lyssna på musik och vara med vänner!
