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. Hper jeg har klart forklare det ordentlig, men det er bare sprre om det er noe.

Frst 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 hyre istedet*/
#navbar li a {
display: block;
padding: 4px 9px; /*Endre strrelse 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 strrelsen 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 nr man holder musen over undermenyen*/



S gr du inn p Maler, trykk Ctrl+f og lim inn dette: <p>${BlogDescription}</p> i skeboksen. Og under den linjen limer du inn dette:




</div>
<ul id="navbar">
<li><a href="SIDELINK HER">KATEGORI HER</a> /* snn 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>

Nr 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 prve 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 nr man klikker p et innlegg som gjr det umulig bruke navigasjonen...n har du jo fjerna f.eks. lookbook.

Annaal

05.aug.2010 kl.00:08

Sv: Haha, herlig hre at jeg ikke er den eneste som blir rammet av dumskapen som ferdes p Gjvik skysstasjon. :p Jeg blir rimelig lei av bli sammenlignet med vokalisten i Nightwish hele tiden, og til stadighet f hre at "det er s jvla kult at JEG jobber med unger!!!111oneone". :p

Annaal

05.aug.2010 kl.00:48

Sv: Definitivt. Er ndt til vre noen genetiske avvik. :p

Skriv en ny kommentar

Ingabi

Ingabi

21, Gjvik

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 fr fort blod p tann nr 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, slenge du faktisk liker bloggen min. Hvis du bare er ute etter samle p venner kan du spare deg bryet!

bloglovin

Kategorier

Arkiv

hits