Hejsan allihopa:D här kommer ett tips om hur man gör en dropdown-meny!

Lägg in den här koden längst ner i STILMALLEN
Det här är koden där man ändrar hur själva dropdown-menyn ser ut.

#navbar { margin: 0; padding: 0; height: 2em; } #navbar li { list-style: none; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar li a { display: block; padding: 3px 8px; background-color: none; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: Century Gothic; /*Ändra typsnittet här*/ font-size: 16px; } /*Ändra storleken på texten här*/ #navbar li ul { display: none; width: 10em; /* Ändra bredden på undermenyn här */ } #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-color: #ffffff; /*Ändra färgen på undermenyn*/ opacity: 0.6; border-bottom: 1px solid #B3B3B3; border-left: 1px solid #fff; border-right: 1px solid #fff; color: #000000; } /*ä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*/




Nu kommer en till kod som du ska sätta i KODMALLEN. Sätt den efter
div id="header"

Det här kan va det krångliga. Ni får helt enkelt klura med kodmallskoden för att få de "överkategorierna" som ni vill:)
<ul id="navbar"><li><a href="#" mce_href="#">Överkategori</a> <ul> <li><a href="http://adresshär" mce_href="http://adresshär">Länk1</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk2</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk3</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk4</a></li> </ul> </li> <li><a href="#" mce_href="#">Överkategori</a> <ul> <li><a href="http://adresshär" mce_href="http://adresshär">Länk1</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk2</a></li> </ul> </li> <li><a href="#" mce_href="#">Överkategori</a> <ul> <li><a href="http://adresshär" mce_href="http://adresshär">Länk1</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk2</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk3</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk4</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk5</a></li> </ul> </li>




Ifall det var för svårt att göra egna överkategorier så har jag gjort en färdig dropdown-meny åt er. Den här koden klistrar du in ifall du vill ha en vanlig dropdown med: Startsidan, senaste inläggen, kategorier, arkiv och länkar. klistra in den istället för den första kodmallskoden

<ul id="navbar"><li><a href="#" mce_href="#">Startsidan</a> <ul> <li><a href="http://sommargott.blogg.se/h" mce_href="http://sommargott.blogg.se/h">Tillbaka?</a></li> <li> </ul> </li> <li><a href="#" mce_href="#">Senaste Inläggen</a> <ul> <li> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/2398635/entries/article/131828145/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </li> <li><a href="#" mce_href="#">Kategorier</a> <ul> <li> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/2398635/entries/article/131828145/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul><li><a href="#" mce_href="#">Arkiv</a> <ul> <li> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/2398635/entries/article/131828145/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul><li><a href="#" mce_href="#">Länkar</a> <ul> <li><tag:linklist> <li><a href="${LinkURL}" mce_href="/2398635/entries/article/131828145/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </li> </li> </li>




För att positionera dropdown-menyn så använder du den här koden

Den här koden sätter du in innan dropdown-koden i kodmallen och sen så klistrar du in dropdown koden där det står "Din dropdown kod här!"
Du positionerar dropdownen genom att ändra på "left:" och "top:" Pröva dig fram!
<div style="position:absolute; width:903px; x-index:0; left: 900px; top:350px;">Din dropdown kod här!</div>







Den här koden använder du ifall du vill ha en till "överkategori"
<li><a href="#" mce_href="#">Överkategori</a> <ul> <li><a href="http://adresstilllänken" mce_href="http://adresstilllänken">Länk1</a></li> <li><a href="http://adresstilllänken" mce_href="http://adresstilllänken" >Länk2</a></li> </ul> </li>



Hoppas att ni gillade bloggdesign tipset:) Kommentera om det inte funkar, men det borde det eftersom att jag använde de här koderna till min blogg!
Ha det bra
Kram Amanda