Över menyn.
<ul id="navbar">
<li><a href="#">•</a></li>
<li><a href="#">Essy</a>
<ul>
<li><a href="http://cavalo.blogg.se/category/essys-inlagg.html">Inlägg</a></li>
<li><a href="http://cavalo.blogg.se/prettynewmen">Om Pretty Newman</a></li>
</ul>
</li>
<li><a href="#">•</a></li>
<li><a href="#">Emma</a>
<ul>
<li><a href="http://cavalo.blogg.se/category/emmas-inlagg.html">Inlägg</a></li>
<li><a href="http://cavalo.blogg.se/merlin">Om Merlin</a></li>
<li><a href="http://cavalo.blogg.se/siggemackvack">Om Sigge MackVack</a></li>
</ul>
</li>
<li><a href="#">•</a></li>
<li><a href="http://cavalo.blogg.se/category/gemensamma-inlagg.html">Gemensamma Inlägg</a></li>
<li><a href="#">•</a></li>
<li><a href="#">Hästsport</a>
<ul>
<li><a href="http://cavalo.blogg.se/category/hastsport-tips-trix.html">Tips & Trix</a></li>
<li><a href="http://cavalo.blogg.se/category/hastsport-traning.html">Träning</a></li>
<li><a href="http://cavalo.blogg.se/category/hastsport-fakta.html">Fakta</a></li>
<li><a href="http://cavalo.blogg.se/category/hastsport-hastutrustning.html">Hästutrustning</a></li>
</ul>
</li>
<li><a href="#"><b>Navigera dig igenom bloggen här:</b></a></li>
<li><a href="#">•</a></li>
</ul>
Kodmallen:
<ul id="navbar">
<li><a href="#">•</a></li>
<li><a href="#">Essy</a>
<ul>
<li><a href="http://cavalo.blogg.se/category/essys-inlagg.html">Inlägg</a></li>
<li><a href="http://cavalo.blogg.se/prettynewmen">Om Pretty Newman</a></li>
</ul>
</li>
<li><a href="#">•</a></li>
<li><a href="#">Emma</a>
<ul>
<li><a href="http://cavalo.blogg.se/category/emmas-inlagg.html">Inlägg</a></li>
<li><a href="http://cavalo.blogg.se/merlin">Om Merlin</a></li>
<li><a href="http://cavalo.blogg.se/siggemackvack">Om Sigge MackVack</a></li>
</ul>
</li>
<li><a href="#">•</a></li>
<li><a href="http://cavalo.blogg.se/category/gemensamma-inlagg.html">Gemensamma Inlägg</a></li>
<li><a href="#">•</a></li>
<li><a href="#">Hästsport</a>
<ul>
<li><a href="http://cavalo.blogg.se/category/hastsport-tips-trix.html">Tips & Trix</a></li>
<li><a href="http://cavalo.blogg.se/category/hastsport-traning.html">Träning</a></li>
<li><a href="http://cavalo.blogg.se/category/hastsport-fakta.html">Fakta</a></li>
<li><a href="http://cavalo.blogg.se/category/hastsport-hastutrustning.html">Hästutrustning</a></li>
</ul>
</li>
<li><a href="#"><b>Navigera dig igenom bloggen här:</b></a></li>
<li><a href="#">•</a></li>
</ul>
Stilmallen:
#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: right; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #7C688F; /*Ändra färgen på menyflikarna här*/
color: #ffffff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: verdana; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 2;
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-color: #ffffff; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
color: #666666; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #ffffff; } /*Ändra färgen när man håller musen över undermenyn*/
