DROP DOWN MENY!

har du precis som jag problem att hitta
en dropdown meny? Den här är faktiskt den enda
jag hittade som funkar på min :) Så om den inte testar
på eran så får ni kanske söka efter någon annan,
eller så kanske ni helt enkelt inte följy instruktionerna
tillräckligt bra...? :)
Det jag menar är detta :



Börja med att kopiera din stilmall och dina kodmallar,
ifall något skulle gå snett eller att det inte skulle funka så
är det bra att ha en kopia :)
Gå in på stilmallen och klistra in detta längst ner:
#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*/
Spara stilmallen!

Gå in på kodmallar och radera denna text:


Kopiera denna koden:
  • <ul id="navbar">   <li><a href="#" mce_href="#"> Senaste inläggen </a>      <ul>  <tag:recentlist   limit="10">    <li><a href="${EntryPermaLink}" mce_href="/922173/entries/article/73622744/  ${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>      </ul> </li>     <li>  <a href="#" mce_href="#"> Kategorier </a>   <ul>       <tag:categorylist> <li>   <a   href="${CategoryLink}" mce_href="/922173/entries/article/73622744/  ${CategoryLink}">${CategoryName}</a> </li>        </tag:categorylist>       </ul> </li>      <li><a href="#" mce_href="#"> Arkiv </a>     <ul>   <tag:archivelist>      <li><a   href="${ArchiveLink}" mce_href="/922173/entries/article/73622744/${ArchiveLink}">${ArchiveName}  </a></li>     </tag:archivelist>         </ul> </li>    <li><a href="#" mce_href="#"> Länkar </a>     <ul>      <tag:linklist>      <li><a href="${LinkURL}" mce_href="/922173/entries/article/73622744/${LinkURL}"   title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>          </ul> </li> </ul>
Klistra in den koden under denna koden:

om du vill ha menyn över headern sätter du den ovanför koden :)

Spara kodmallen!

Nu kan du gå in och ändra utséendet i stilmallen.
Det står förklarat vad du ska ändra om du vill ändra något,
du kan självklart pilla lite till på det som inte är markerat,
och blir det fel är det bara att trycka ctrl+z så tas den senaste
ändringen bort :)
vill du inte ha menyn "genomskinlig ta bort detta från koden:
  • /* opacitet for IE */
    filter:alpha(opacity=70);
    /* opacity: 0.70; filter: alpha(opacity=70); */
    /* opacitet CSS3 standard */
    opacity:0.70;
    /* opacitet for Mozilla */
    -moz-opacity:0.70;


LYCKA TILL! :)


Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback