Blogg.se: Meny under headern. – ? Lolla Johansson ?

Här kommer inlägget om hur man får en meny med länkar under headern. Det är ganska krångligt att förklara allt men jag hoppas att ni förstår, annars får ni berätta för mig vad som är ”krångligt”. Jag gör ett försök i varje fall!

1. Klicka på fliken: ”Design” och sedan vidare på: ”Redigera Stilmall”.

2. Klista in följande längst ned i stilmallen:

#meny3 li{
display: inline;
}

#meny3 ul{
float: left;
width: 100%;
background: #666;
font: 12px arial;
color: #fff;
padding:0px;
margin:0px;
}

#meny3 ul a{
float: left;
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 0.3em 2em;
}

#meny3 a:hover{
background: #666;
font-weight: bold;
color: #000;
}
3. ”Spara Stilmall”.
4. Klicka nu vidare till: ”Kodmallar”.
5. Precis innan: ”<div id=”content”>” klistrar du nu in:

<ul>

</ul>

</div>
6. Nu fixar du till det som du själv vill ha det. Där jag har skrivit: ”NAMN PÅ LÄNK1” och så vidare. Där skriver du in eget namn på länkarna. Där det står: ”länk adress1”, där klistrar du in adressen dit du vill länka. Vill du till exempel länka till: ”Kategorin – Allmänt”, så blir det så här: ”<li><a href=”http://DIN BLOGGS NAMN.blogg.se/category/allmant.html”>ALLMÄNT</a></li>”
7. När du är klar med det, är det bara att ”Spara Kodmall”.
8. Om du nu vill ha ett annat utseende på menyn, får du klicka dig in på: ”Stilmallen” igen och leta upp det du klistrade in i steg: ”2”.
#meny3 li{
display: inline;
}

#meny3 ul{
float: left;
width: 100%; <- Här ändrar du längden på menyn.
background: #666; <- Här ändrar du bakgrundsfärgen på menyn.
font: 12px arial; <- Här ändrar du teckensnitt och storlek på texten.
color: #fff; <- Här ändrar du färgen på texten.
padding:0px;
margin:0px;
}

#meny3 ul a{
float: left;
color: #fff; <- Här ändrar du färg på texten.
text-decoration: none; <- Här ändrar du om texten ska vara understucken eller ej. – None eller underline.
font-weight: bold; <- Här ändrar du tjocklek på texen. – Normal eller bold.
padding: 0.3em 2em; <- Här ändrar du mellanrummet uppåt och nedåt samt åt sidorna.
}

#meny3 a:hover{
background: #666; <- Här ändrar du bakgrundsfärgen vid mouse over.
font-weight: bold; <- Här ändrar du tjocklek på texen vid mouse over. – Normal eller bold.
color: #000; <- Här ändrar du färg på texen vid mouse over.
}
9. När du har gjort allting ovanför, så rekommenderar jag att du klickar på: ”Förhandsgranska” innan du sparar Stilmallen. – För om någonting har blivit fel så syns det ju när du Förhandsgranskar din egna blogg..