Meny under header

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”>&nbsp;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

9 kommentarer
    1. 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 ?

    Legg igjen en kommentar

    Obligatoriske felt er merket med *

    Takk for at du engasjerer deg i denne bloggen.
    Unngå personangrep og sjikane og prøv å holde en hyggelig tone selv om du skulle være uenig med noen.
    Husk at du er juridisk ansvarlig for alt du skriver på nett.

Siste innlegg