Designhjelp: Dropdown menyer.

Jeg fikk et ønske om en tutorial på hvordan jeg lagde menyene mine. Det ser kanskje mye ut, men jeg er helt noob på koding, og det er veldig enkelt! Om du ikke ønsker drop-down er det bare å fjerne underkategori-kodene. Håper jeg har klart å forklare det ordentlig, men det er bare å spørre om det er noe.

Først kopierer og limer du inn dette nederst i stilsettet. Husk å lagre. Det vil ikke skje noe enda, men det skal det heller ikke:


}
#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /* Endre til right om du vil ha menyen til høyre istedet*/
#navbar li a {
display: block;
padding: 4px 9px; /*Endre størrelse på menyboksen*/
background-color: #000000; /*Endre fargen på menyboksene her*/
border: 1px solid #ffffff; /* Endre tjukkelse og farge på rammen rundt menyboksene'/
color: #ffffff; /*Endre fargen på teksten her*/
text-decoration: none;
font-family: georgia; /*Endre skriftypen her*/
font-size: 14px; } /*Endre størrelsen på texten her*/
#navbar li ul {
display: none;
width: 10em; /* Endre bredden på undermenyen her */
background-color: #000000;}
#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: #000000; /*Endre fargen på undermenyen her*/
border-bottom: 0px solid #ffffff;
color: #ffffff; } /*Endre textfargen på undermenyen her*/
#navbar li li a:hover {
background-color: #000000; } /*Endre fargen når man holder musen over undermenyen*/



Så går du inn på Maler, trykk Ctrl+f og lim inn dette: <p>${BlogDescription}</p>  i søkeboksen. Og under den linjen limer du inn dette:




</div>
<ul id="navbar">
<li><a href="SIDELINK HER">KATEGORI HER</a> /* sånn ser det ut om det kun er en en meny uten underkategorier*/
</li>
<li><a href="#">KATEGORI HER</a>  /* Dette er en hovedkategori uten link*/
 <ul>
  <li><a href="SIDELINK HER">KATEGORI</a></li> /* Dette er underkategori med link*/
  <li><a href="SIDELINK HER">KATEGORI</a></li> /* Dette er underkategori med link*/
  <li><a href="SIDELINK HER">KATEGORI</a></li> /* Dette er underkategori med link*/
  <li><a href="SIDELINK HER">KATEGORI</a></li> /* Dette er underkategori med link*/
 </ul>



Så om du vil ha flere menyknapper kopierer og limer du bare inn denne delen av koden så mange ganger du vil:



<li><a href="#">KATEGORI HER</a>     /* Dette er en hovedkategori uten link*/
 <ul>
  <li><a href="SIDELINK HER">KATEGORI</a></li>     /* Dette er underkategori med link*/
  <li><a href="SIDELINK HER">KATEGORI</a></li>     /* Dette er underkategori med link*/
  <li><a href="SIDELINK HER">KATEGORI</a></li>     /* Dette er underkategori med link*/
  <li><a href="SIDELINK HER">KATEGORI</a></li>     /* Dette er underkategori med link*/
 </ul>


Husk å putte inn dette helt på slutten for å avslutte:

</li>
</ul>

Når du er helt ferdig, kopierer du hele koden og limer inn på samme sted i Innlegg, Kategori og Arkiv.

Så kan du gå inn på stilsettet igjen og prøve deg fram med farger ol.
=)










5 kommentarer

Jen ☣ Obscene

04.aug.2010 kl.18:34

Uhm...menyen din er jo plassert slik at den ikke fungerer under innleggene samtidig som navigasjonen ikke fungerer i det hele tatt?

Ingabi

04.aug.2010 kl.20:22

Jen: Øh..nei?

Jen ☣ Obscene

04.aug.2010 kl.22:04

Sv; Øh...jo? Halvparten av menyen din forsvinner når man klikker på et innlegg som gjør det umulig å bruke navigasjonen...nå har du jo fjerna f.eks. lookbook.

Annaal

05.aug.2010 kl.00:08

Sv: Haha, herlig å høre at jeg ikke er den eneste som blir rammet av dumskapen som ferdes på Gjøvik skysstasjon. :p Jeg blir rimelig lei av å bli sammenlignet med vokalisten i Nightwish hele tiden, og til stadighet få høre at "det er sååå jævla kult at JEG jobber med unger!!!111oneone". :p

Annaal

05.aug.2010 kl.00:48

Sv: Definitivt. Er nødt til å være noen genetiske avvik. :p

Skriv en ny kommentar

Ingabi

Ingabi

21, Gjøvik

Flytter snart til Oslo. Dagene handler som regel om kunst, foto, musikk, gaming, film og filosofi så det er som regel det jeg skriver om. Jeg elsker en god diskusjon, og får fort blod på tann når noen behandler meg nedverdigende eller urettferdig. Har du noe å si, vil diskutere, eller bare vil si hei, er du fint velkommen til det. Det er også koslig om du vil legge meg til som venn, sålenge du faktisk liker bloggen min. Hvis du bare er ute etter å samle på venner kan du spare deg bryet!

bloglovin

Kategorier

Arkiv

hits