Hur du delar upp menyn i boxar! (med runda hörn)
Visst jag ska försöka hjälpa dig så gott det går!
Först bläddrar du ner till #side
#side {
background: #fff; ← Ta bort bakgrunden (ta bort hela den raden)
text-align: left;
float: left;
width: 205px; ← Här kan ni bestämma bredden på menyn
margin: 0px 0px 0px 0px; ← Nollställ margin
padding: 0px; ← Nollställ padding
}
Nu ska du scrolla ner till .nav.ulOm dessa koder redan finns så ska du inte lägga till dom igen!
.nav ul {
text-align: left; ← Om du vill ha texten åt vänster (left), höger (right) eller centrerat (center)
margin: 0px 0px 10px; ← Hur mkt mellanrum det ska vara mellan boxarna
padding: 6px; ← Hur mkt padding (mellanrum) det ska vara mellan innehållet och ytterkanten i boxen
font-weight: normal; ← Tjocklek på texten (normal, medium eller bold)
background: #fff; ← Bakgrundsfärgen i boxarna
}
Om du vill ha runda hörn så ska du lägga till den här koden i .nav.ul. delen!
-moz-border-radius: 15px;
border-radius: 15px;
Förhandsgranska och spara!
Men nu är sjävla rubriken inte rund. Gå in i kodmallen och bläddra ner till "senaste iläggen"
Klipp ut <ul> delen och klistra in den innan <div>Senaste inäggen</div>
Men nu är sjävla rubriken inte rund. Gå in i kodmallen och bläddra ner till "senaste iläggen"
Klipp ut <ul> delen och klistra in den innan <div>Senaste inäggen</div>
<div>Senaste inäggen</div>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">» ${EntryTitle}</a></li>
</tag:recentlist>
</ul>
Alltså såhär ska det se ut:
<ul>
<div>Det senaste</div>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">» ${EntryTitle}</a></li>
</tag:recentlist>
</ul>
Gör nu detta i alla delar i menyn, alltså arkiv, kategorier och länkar!
Och glöm ej i alla kodmallar! (Framsida, inläggsida, arkivsida & kategorisida)
Hoppas det hjälpte dig! :)
Och glöm ej i alla kodmallar! (Framsida, inläggsida, arkivsida & kategorisida)
Hoppas det hjälpte dig! :)
Kategori: Design Hjälp Datum: 2012-05-07 Tid: 16:08:17
Wojjsan
Heej! :) Jag undrar bara om du skulle kunna visa upp alla "brushes" som du har i photoshop? Det skulle iaf vara jättesnällt! ;)
// Wojjsan
Trackback
