Horisontell meny under headern

Fick frågan om hur jag hade gjort den sk "dropdown" - menyn under headern, så jag tänkte att jag kunde väl förklara det. Det är faktiskt varken jag som gjort eller satt in den, höhö, men jag har koden ^^

1. Börja med att ta fram din stilmall. Längst ner i stilmallen klistrar du in denna kod:

#dropdown { padding-top:339px; padding-left:10px; } #dropdown2 { margin-top:-30px; padding-left:147px; } #dropdown3 { margin-top:-30px; padding-left:284px; } #dropdown4 { margin-top:-30px; padding-left:421px; } #dropdown5 { margin-top:-30px; padding-left:558px; }




2. Gå in i din kodmall och upp stycket som heter <div id="header"> Klistra in följande kod direkt under.

<div id="dropdown"> <form name="jump7"> <select name="menu7" onChange="location=document.jump7.menu7.options[document.jump7.menu7.selectedIndex].value;" value="GO"> <option selected>Senaste inlägg</option> <option>-------------------</option> <tag:recentlist limit="20"> <option value="${EntryPermaLink}">${EntryTitle}</option> </tag:recentlist> </select> </form> </div> <div id="dropdown2"> <form name="jump5"> <select name="menu5" onChange="location=document.jump5.menu5.options[document.jump5.menu5.selectedIndex].value;" value="GO"> <option selected>Arkiv</option> <option>-------------------</option> <tag:archivelist> <option value="${ArchiveLink}">${ArchiveName}</option> </tag:archivelist> </select> </form> </div> <div id="dropdown3"> <form name="jump3"> <select name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Kategorier</option> <option>-------------------</option> <tag:categorylist> <option value="${CategoryLink}">${CategoryName}</option> </tag:categorylist> </select> </form> </div> <div id="dropdown4"> <form name="jump"> <select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> <option selected>Bloggar</option> <option>-------------------</option> <tag:linklist> <option value="${LinkURL}" title="${LinkDescription}">${LinkName}</option> </tag:linklist> </select> </form> </div> <div id="dropdown5"> <form name="jump8"> <select name="menu8" onChange="location=document.jump8.menu8.options[document.jump8.menu8.selectedIndex].value;" value="GO"> <option selected>Designad av</option> <option>-------------------</option> <option value="länkadress" target="_blank">Adressnamn</option> </select> </form> </div> </div>

5. Nu får du klistra in samma kod i alla kodmallar, efter <div id="header">, alltså Front Page, Entry Page, Category Page och Archive Page. Lite jobbigt, haha, men du får ju en meny i slutändan, om du inte råkat göra fel. Behöver ni hjälp så är det bara att fråga, jag ska försöka svara ;)
Notera att jag är sämst på att förklara...


Haha, ni fick lite konstiga "stödbilder" också ;)