Dropdown meny med tex dina kategorier


1. Kopiera denna koden:

<ul id="navbar"> <li><a href="#" mce_href="#"> Rubrik1 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> <li><a href="#" mce_href="#"> Rubrik2 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> <li><a href="#" mce_href="#"> Rubrik3 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> <li><a href="#" mce_href="#"> Rubrik4 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> </ul>

2. Gå in i kodmallen och klistra in koden efter:

3. Kopiera denna koden och lägg den 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 man lägger in Rubrik och länkarna under

Exempel:
<li><a href="#"> Foto </a>

<ul>

<li><a href="länk"> Landskap </a> </li>
<li><a href="länk"> Djur </a> </li>
<li><a href="länk"> Människor</a> </li>

</ul>   
</li>

När du skapat en kategori "Landskap" och gjort ett inlägg, klickar du på
landskap, kopierar länken och klistrar in där det står länk.

Mer förklaring finns i detta inlägget [Länk]