▼ M I K A E L A ▼ -

Hur man gör en dropdown meny

DATUM: 2011-04-25 | TID: 08:52:00 | KATEGORI: bloggdesign | KOMMENTARER: 15

är hes!

Stilmalls koden( ska klistras 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: 3px 8px; 	background-color: none; /*Ändra färgen på menyflikarna här*/ 	color: #000000; /*Ändra färgen på texten här*/ 	text-decoration: none;         font-family: tahoma; /*Ändra typsnittet här*/         font-size: 10px; } /*Ändra storleken på texten här*/ #navbar li ul { 	display: none;  	width: 10em; /* Ändra bredden på undermenyn här */ 	} #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*/ opacity: 0.6; 	border-bottom: 1px dotted #B3B3B3; border-left: 1px solid #fff; border-right: 1px solid #fff; 	color: #000000; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { 	background-color: #574948; } /*Ändra färgen när man håller musen över undermenyn*/

kodmalls koden( ska klistras in under <div id="Wrapper>):

<ul id="navbar"><li><a href="#" mce_href="#">Överkategori</a>    <ul> <li><a href="http://adresshär" mce_href="http://adresshär">Länk1</a></li>       <li><a href="http://adresshär" mce_href="http://adresshär">Länk2</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk3</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk4</a></li>     </ul> </li>  <li><a href="#" mce_href="#">Överkategori</a>    <ul> <li><a href="http://adresshär" mce_href="http://adresshär">Länk1</a></li>       <li><a href="http://adresshär" mce_href="http://adresshär">Länk2</a></li>     </ul> </li>  <li><a href="#" mce_href="#">Överkategori</a>    <ul> <li><a href="http://adresshär" mce_href="http://adresshär">Länk1</a></li>       <li><a href="http://adresshär" mce_href="http://adresshär">Länk2</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk3</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk4</a></li> <li><a href="http://adresshär" mce_href="http://adresshär">Länk5</a></li>     </ul> </li>

Kod om du vill ha en till överkategori med länkar(kodmall):

Kod om du vill ha en till länk(kodmall):

OBS! GLÖM INTE ATT KLISTAR IN KODMALLS KODEN I ALLA KODMALLAR!

//Mikaela

KOMMENTERA HÄR

Julia

TACK TACK TACK :D :D:D

DATUM: 2011-04-28 | TID: 16:16:21
BLOGG/HEMSIDA: http://underbarastejulia.blogg.se/

Cornelia

Fattar inte, ;S!

DATUM: 2011-04-29 | TID: 17:04:58
BLOGG/HEMSIDA: http://hastarsaklart.blogg.se/

Josefin

tack , hur får jag den ner om jag inte vill ha den så långt upp ? ;D

DATUM: 2011-05-29 | TID: 20:44:15
BLOGG/HEMSIDA: http://lillalia.webblogg.se/

Josefin

Om jag vill ha den i mitten hur skriver jag då . Istället för left och right ?

DATUM: 2011-05-29 | TID: 20:56:16
BLOGG/HEMSIDA: http://lillalia.webblogg.se/

Nicole

jag vill ha mer mellan rum mellan överkategorierna, eller ha alla i mitten. hur gör ja ? :)

DATUM: 2011-07-15 | TID: 21:29:30
BLOGG/HEMSIDA: http://kiingnicole.blogg.se/

johanna körner

om jag vill ha min meny kvar och vill ha den normal hur gör jag du?

DATUM: 2011-07-19 | TID: 13:53:43
BLOGG/HEMSIDA: http://grange.blogg.se/

Erica

Min ser ut som din gjorde först när jag kopierat in 2:a koden i kodmallen. Hur gör jag om den till så den ska vara?

DATUM: 2011-07-23 | TID: 17:26:53
BLOGG/HEMSIDA: http://ericaandersdotter.blogg.se/

Erica

Sv: Ja det har jag. Några andra tips?

DATUM: 2011-07-26 | TID: 23:49:39
BLOGG/HEMSIDA: http://ericaandersdotter.blogg.se/

Ellen

hej mikaela!

jätte bra tips värkligen, men när jag gör som du säger på videon så får jag en dropdown meny men min header åker bort, eller den är liksom där i stilmallen men den syns inte. Skulle vara jätte tacksam om du säger hur jag ska få tillbaks den eller vad jag har gjort fel. Jätte tacksam för svar! (: Kram Ellen

DATUM: 2011-12-10 | TID: 20:18:30
BLOGG/HEMSIDA: http://pluttigliten.blogg.se/

Tina - Minnas mamma

Hej! När jag använder den här koden blir alla mina nav länkar i sidomenyn helt konstiga.. Försöker ändra så de ser normala ut igen men de har helt ändrat utseende och position. Tror det är på grund av "navbar", att det liksom blir förvirrat. Jag vill att mina länkar i menyn ska se ut som förut! Har du något tips?

DATUM: 2011-12-30 | TID: 21:28:28
BLOGG/HEMSIDA: http://hejtina.blogg.se/

Julia

Jag har lagt in så att mina kategorier i en överkategori men när jag gör nya kategorier så syns dom inte i min dropdown, vad är det som är fel? SUPER SUPER TACKSAM FÖR SVAR. Kram!

DATUM: 2012-05-19 | TID: 18:45:48
BLOGG/HEMSIDA: http://rosenbergjulia.blogg.se/

Isabell

Hur gör man så som det blev på headern du visa först, först av alla, hur gör man så?

Snälla, Snälla svara, du kan svara på min blogg om du vill. Snälla tacksam för svar!<3

DATUM: 2012-05-26 | TID: 12:54:54
BLOGG/HEMSIDA: http://bellenns.blogg.se/

linla.blogg.se

vart ska jag sätta den om jag vill ha den under headern då? :)

DATUM: 2012-10-06 | TID: 23:03:06
BLOGG/HEMSIDA: http://linla.blogg.se/

womens shoe lifts

If two wrongs don't make a right, try three.

DATUM: 2012-10-17 | TID: 06:22:27
BLOGG/HEMSIDA: http://blog.libero.it/TallGirlsBlog/11631226.html

heel lifts insoles

An excellent man; he has no enemies; and none of his friends like him.

DATUM: 2012-10-20 | TID: 23:37:26
BLOGG/HEMSIDA: http://blog.udn.com/TrevainClubber19/6951483

Trackback