Om du vill ha en horisontell meny utan dropdown, gör du så här:

1. Kopiera denna koden:

<ul id="navbar"> <li> <a href="Länk" mce_href="/922173/entries/article/73718302/Länk"> Rubrik1 </a> </li> <li> <a href="Länk" mce_href="/922173/entries/article/73718302/Länk"> Rubrik2 </a> </li> <li> <a href="Länk" mce_href="/922173/entries/article/73718302/Länk"> Rubrik3 </a> </li> <li> <a href="Länk" mce_href="/922173/entries/article/73718302/Länk"> Rubrik4 </a> </li> <li> <a href="Länk" mce_href="/922173/entries/article/73718302/Länk"> Rubrik5 </a> </li> </ul>

2. Klistra in den efter denna koden i kodmallen:


3. Kopiera denna koden och klistra in längst ner i stilmallen:

#navbar { margin: 0; padding: 0; height: 1em; } #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-left:10px; padding-right:10px; padding-top:5px; padding-bottom:0px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #cccccc; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ä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: 11em; /* Ändra bredden på undermenyn här */ background-colo: #ffffff; } #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*/ /* opacitet for IE */ filter:alpha(opacity=90); /* opacity: 0.90; filter: alpha(opacity=90); */ /* opacitet CSS3 standard */ opacity:0.90; /* opacitet for Mozilla */ -moz-opacity:0.90; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #696969; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { color: #ffffff; background-color: #898888; } /*Ändra färgen när man håller musen över undermenyn*/

Nu ska jag förklara hur du lägger in dina kategorier och länkar:

1. Skapa först dina kategorier se i detta inlägget hur man gör [Länk]

2. När du skrivit ett inlägg klickar du på kategorin, se bild:


3. Kopiera länken



4. Gå in i din kodmall och klistra in länken där det står "länk" se nedan:

<li> <a href="Länk"> Rubrik1 </a> </li>

Byt ut Rubrik1 till vad du vill ha, spara sedan och gör samma sak på dom andra.

Vill du ha mindre kategorier tar du bort <li> <a href="Länk"> Rubrik </a> </li>
Vill du har fler lägger du bara till fler <li> <a href="Länk"> Rubrik </a> </li>

Vill du ha en kategori som länk till annan sida bara gör du bara samma sak, kopierar länken till sidan och lägger in där det står länk...svårare änn så är det inte.

För att få menyn under eller över headern se detta inlägget [Länk]