Dropdown meny

Ønsker du en dropdown meny som viser underkategorier når du tar musepekeren over menyen på bloggen din må du følge nøye med her.

Først må du legge denne koden inn i DESIGN > REDIGER > STILSETT:

}
#navbar {
margin: 0px 0px 0px 0px;
}
#navbar li {
list-style: none;
float: left; /**endrer plasseringen til menyen: høyre/venstre**/
}
#navbar li a {
display: block;
padding: 5px 10px;
color: #909090;
text-decoration: none;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
}
#navbar li ul {
display: none;
width: 7em;
}
#navbar li:hover ul,
#navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
}
#navbar li:hover li,
#navbar li.hover li {
float: none;
}
#navbar li:hover li a,
#navbar li.hover li a {
background: #e6e6e6;
border-bottom: 1px solid #959595;
width: 120px; /**endrer vidden på undermenyen**/
padding: 4px 9px;
}
#navbar li li a:hover {
background-color: #737373; /**endrer fargen på hover**/
}

Gå nå til DESIGN > REDIGER > MALER og lim inn denne koden:

<ul id="navbar">
<li><a href="URL">FORSIDEN1</a></li>
<li><a href="#">VALGFRITT1</a>
<ul>
<li><a href="URL">VALGFRITT2</a></li>
<li><a href="URL">VALGFRITT2</a></li>
<li><a href="URL">VALGFRITT2</a></li>
</ul>
</li>
<li><a href="#">VALGFRITT1</a>
<ul>
<li><a href="URL">VALGFRITT2</a></li>
<li><a href="URL">VALGFRITT2</a></li>
<li><a href="URL">VALGFRITT2</a></li>
<li><a href="URL">VALGFRITT2</a></li>
<li><a href="URL">VALGFRITT2</a></li>
</ul>
</li>
<li><a href="URL">VALGFRITT1</a>
</ul>

Denne koden skal limes inn rett før eller etter <div id="header">, alt etter som hvor du vil ha den. Altså om du vil ha den oppå headeren, før headeren osv.
Endre teksten til slik du vil ha den. Valgfritt 1 er teksten som vises hele tiden, valgfritt2 er teksten som vises når man tar musepekeren over valgfritt1. Sett så inn URL'en (linken) til siden du vil linkene skal føre til.


hits