Framgangsmåte:
1. Gå inn på Avansert design > Forsiden. Gå ned til der div-tagen til headeren slutter (</div>) og lim inn denne koden:
<div id=”menyboks” class=”meny”>
<ul>
<li><a href=”http://www.dinblogg.no”> Forsiden</a></li>
<li><a href=”http://www.dinblogg.no”>Om meg</a></li>
<li><a href=”http://www.dinblogg.no”>Videoer</a></li>
<li><a href=”http://www.dinblogg.no”>Kontakt</a></li>
<li><a href=”http://www.dinblogg.no”>Hvorfor Meg</a></li>
<li><a href=”http://www.dinblogg.no”>Outfits</a></li>
</ul>
</div>
(PS! Bytt ut “http://www.dinblogg.no/” med lenkene til dine sider).
Gjør dette med innlegg, kategorier og arkiv hvis du vil ha det i alle sider på bloggen.
2. Lim inn koden nedenfor øverst eller nederst i stilsettet ditt.
#menyboks{
height=”40px”;
background:#ffe3e9;
background-color: #FFBEF0;
width: 958px;
}
.meny ul{
list-style-type:none;
}
.meny li{
display:inline;
}
.meny a{
float:left;
width:137px;
text-decoration:none;
background-color: #FFBEF0;
font-weight:bold;
font-size:11px;
padding:10px;
border-right:1px solid #000000;
font-family:”Verdana”;
}
.meny a:hover{
background: #FFBEF0;
}
Fargene color kan endres, font-family (skrifttype) og annet kan endres som eget behov.
Oppdatert 27.07.2017
🙂
Hei 🙂 Ville bare si takk for koden, og at jeg har brukt den (den øverste) på bloggen min. Lurte også på om du vet hvordan jeg kan få de på linje – uten den rosa boksen? Det blir for dillete for meg.
Ingrid Gurine: Da har du kanskje gjort litt feil, for jeg fikk menyknappene på linje.
Hei! Når jeg legger inn Meny forsvinner headeren og når jeg lager headeren på nytt forsvinner menyen. Går det an å fikse på det?
hei, jeg vet ikke åssen jeg får lagt inn ting på de, altså inne på om meg?? åssen skal jeg få det til??
Hvor er CSS.filen?
Heisann: CSS er stilsett i design.
Hei, jeg driver med bloggen min nå. Og jeg får menyen over hvert innlegg.. Skjønner virkelig ikke noe, vil gjerne ha den under headeren. Kan du hjelpe meg ?
Renathe Regine |: Bare å sende meg en melding på Facebook-siden min 🙂