Med tanke på att inlägget om stilmallen & kodmallar & inlägget om padding & margin numera är publicerat så tycker jag att man kan egentligen lista ut det själv dvs hur man gör en till meny. Men jag tänkte förklara lite kort & gott hur man gör iaf! OBS!! Gör detta i en testblogg innan du publicerar designen i den aktiva bloggen.
1 ). Gå in i stilmallen och leta upp de koder som tillhör sidomenyn.
Vilket är dessa (kan se annorlunda ut):
#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
.navheader {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: uppercase;
}
.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}
.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #000000; }
.nav a:hover { color: #ED6EA3; }
2 ). Kopiera dessa (de befintliga du har till din sidomeny inte de som jag har visat ovan) och klistra in dem. Döp om de genom att t ex sätta en 2a bakom. Det kan se ut såhär:
#side2 {
float: left;
width: 180px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
.navheader2 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: uppercase;
}
.nav2 {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}
.nav2 ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
}
.nav2 li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav2 a { color: #000000; }
.nav2 a:hover { color: #ED6EA3; }
3 ). Spara stilmallen.
4 ). Gå in i kodmallarna och scrolla till botten. Lägg detta kodstycke innan den sista </div>:
5 ). Spara och fortsätt att klistra in dessa koder i resterande kodmallar (entry page, category page & archive page)
6 ). Gå in i stilmallen igen.
7 ). Nu ska du positionera sidomenyn samt förstora wrapper så att den nya menyn får plats. Jag rekommenderar att du går in och läser padding & margin. Lycka till!













Designfunktioner


