Bloggstyle.se - Dropdown meny Tips 1

Dropdown meny Tips 1

Skapa en dropdown meny kan man göra på olika vis och jag ska visa lite exempel

Tips 1 skapa en meny med senaste inlägg, kategorier...se bild nedan.

1. Börja med att gå in i dn kodmall och bläddra ner till <div id="side">

2. Ta bort denna koden:

3. 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>

4. Klistra in koden direkt efter denna koden:

5. Kopiera denna koden och lägg längst ner i din stilmall:
#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 och så var det klart.

För att ändra färg på menyn gör du det i koden du klistra in i stilmallen.

För att ta bort det genomskinliga i menyn, ta bort denna koden i stilmallen:

/* 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;

Om du vill ha headern över eller under menyn, flyttar du koden till headern
över eller under koden du klistra in i kodmallen.

<img src="LÄNK TILL DIN HEADER">

Date: 2010-03-21 Clock: 17:40:18

KOMMENTARER

Postat av:

hur lägger man in arkiv osv om man redan har vanlig dropdown meny med "vanliga" länkar?

2010-05-02 / 22:01:27

Postat av: CJ

Nu har jag fixat en drop-down-meny, mycket efter din kloka beskrivning! EN fråga bara, HUR får jag bort den oranga RSS-knappen i menyn? Passar inte riktigt in. :)

2010-05-12 / 00:50:04
URL: http://cjskonstigheter.blogg.se/

Postat av: nadinn

jag hade först sådär och det fixade jag genom dina beskrivningar.sen råkade jag återställa hela kodmallen så jag skulle fixa det igen men nu går det inte för inlägg osf som är på sidan försvinner plus att det inte hamnar intill headern,hur ska jag göra?snälla hjälp mig..

2010-07-04 / 23:44:02
URL: http://nadinn.blogg.se/

Postat av: Philippa

säger bara tack som fan!

2010-07-25 / 22:49:27
URL: http://philippaanderssons.blogg.se/

Postat av: SOLINA

Letat som ett as på hela internet och här hittar jag BÄSTA förklaringen, tack! =)
Har bara ett problem, om du går in på min blogg och tittar så ser du att det är vitt bredvid själva dropdown-menyn, måste få bort den, men har inte en aning om hur jag går till väga.. jag vet att det har något med "wrapper" att göra, försökte ändra färgen från vitt till samma som min bakgrundsfärg men då blev även inläggens bakgrunder den färgen... hur får jag bort den?

Kram!

2010-08-01 / 15:21:53
URL: http://ssolin.blogg.se/

Postat av: en amanda som behöver hjälp!

jag har lagt in själva drop-down menyn men på vänstra sidan får jag ju inte bort den menyn lite onödigt att ha 2 menyer SNÄLLA MEJLA IDAG!

2010-08-18 / 21:04:10
URL: http://amandahedendahl.blogg.se/

Postat av: F

testat denna men nu har jag en fråga, kan man centrera menyraden? den undre menyn är en drop-down. hur gör man isåntfall? och som du ser så fick jag lite problem med att själva content-sidan är smalare än headern. hur ska jag göra? tacksam för svar!

2010-09-04 / 14:42:13
URL: http://biancoblusvedese.blogg.se/

Postat av:

HEJ!
Jag undrar var man ska ändra på koden om man vill ha mellanrum, mellan t.ex. "senaste inläggen" och "kategorierna" (så det blir som rutor) i drop down menyn? Alltså så som du har det i första bilden i detta inlägg.

2011-02-17 / 18:11:01

Postat av: HANNA

Fungerar perfekt, men går den att centrera?

2011-03-05 / 20:56:04
URL: http://hannalovisasol.blogg.se/

Postat av: Mickaela

Tack för en otroligt bra blogg! Kommer försöka mig på att designa om min blogg.

Jätte bra beskrivning!

2011-03-06 / 14:20:22
URL: http://cmickaela.blogg.se/

Postat av: Nathalie

hur får jag in en "egen" kategori i menyn'? vill ha en kategori som heter graviditeten men den syns inte om man håller musen på kategorier utan det är bara kategorin " allmänt " som syns.

2011-03-15 / 21:31:08
URL: http://nathaliemariamichelle.blogg.se/

Postat av: Alice

Jag fattar inte, hur ska jag göra för att få menyn ovanför headern??
eller kan man få den på???

2011-03-25 / 17:52:40
URL: http://bilderbyalice.blogg.se/

Postat av: alicia

SHIT, vet inte HUR många jävla guider jag kollat för att få en transparent dropdown meny och ingen har fungerat. Men denna gjorde det! Tack så jättemycket!

2011-03-28 / 13:35:13
URL: http://aloly.se

Postat av: sara

hej jättebra förklaring!
men måste fråga om det går att få ikonerna bredare så dom blir lika breda som headern eller iallafall hamnar i mitten ?
tacksam för svar på min blogg -> www.ssassiss.blogg.se

jättegulligt om de går/sara

2011-04-22 / 19:02:13
URL: http://ssassiss.blogg.se/

Postat av: Lisa

Finns det något sätt som man kan få fler såna där dropdowngrejer? För jag skulle vilja ha en till med mina kategorier i foto! Går det?

Svara snabbt!!

2011-05-03 / 10:45:49

Postat av: Eda

Hej hej, allså jag vill ha drop down menyn över headern men jag lyckas inte med det. Snälla kan någon hjälpa mig :(

2011-05-03 / 18:28:39
URL: http://onebookoneworld.blogg.se/

Postat av: Maddyz

Kan man få den i mitten?

2011-05-26 / 16:00:31
URL: http://maddyz.blogg.se/

Postat av: Frida

På min så blir det inte några menyer neråt. pillar hit o dit men det går inte. blir tokig.

2011-06-15 / 11:48:35
URL: http://capturethemoments.blogg.se/

Postat av: Jessica

Det helt ** när jag fixa det det blev under hedern men på rad under hedern:O

2011-06-17 / 19:45:12
URL: http://jessicakarlsson.tk

Postat av: Bella

Hej!
Tack så jätte mycket för hjälpen! Jag får upp den perfect på startsidan, men jag undrar hur får jag in den på alla andra sidor?
För nu när jag klickar på ett inlägg så kommer sido-menyn tillbaka, om du förstår vad jag menar?

Tack på förhand!

2011-06-27 / 16:04:08
URL: http://ghosts.webblogg.se/

Postat av: Mattis

det funkar verkligen inte för mig.
Har försökt med att återställa kodmallen, men det funkar verkligen it för mig... :(

2011-06-29 / 18:08:55
URL: http://rabbitheart.webblogg.se/

Postat av: Jenna

Har ett problem..
När man går in på en kategori och ska gå in på en annan så är en eller flera kategorier borta?
Någon som vet var det är för fel?

2011-07-11 / 21:10:52
URL: http://cupcakepeanutbutter.blogg.se/

Postat av: Bloggstyle.se - Blogghjälp

sv till Jenna
Dom är inte borta men dom syns inte då du inte har skrivit ett inlägg i just den kategorin

2011-07-11 / 21:22:18
URL: http://bloggstyle.se

Postat av:

2011-08-09 / 12:33:07

Postat av: Evelin

Hej! Detta fungerar bra, men har ett litet problem, och det är att i arkivet läser den inte alla inlägg från månaden utan bara det senaste. Hur ska jag göra? :)

2011-08-09 / 12:34:16
URL: http://evemalle.blogg.se/

Postat av: Sofi

HEJ! Hur gör man menyn centrerad om det går? Tack på förhand!

2011-08-24 / 21:10:04
URL: http://weretwo.blogg.se/

Postat av: Sabina

Jag bara undrar, hur gör man det större, det blir så litet, snälla hjälp mig sötis :) Please :D

2011-09-26 / 17:37:12
URL: http://lifeofsabina.webblogg.se/

Postat av:

Kan man inte få så att flikarna blir större och att man an lägga in sina egna länkar, man kan ju bara ändra rubriken...? :)

2011-10-04 / 12:27:11
URL: http://divokys.blogg.se/

Postat av: Alexandra

Det här inlägget var till STOR hjälp! Tusen tack! :D

2011-10-31 / 00:23:30
URL: http://speedingheartbeats.webblogg.se/

Postat av: Jane

Hej. Jag hänger med i din beskrivning hur man går tillväga. Men jag undrar om det går att bara lägga upp "senaste inlägg" och "Kategorier" i dropdownmenyn och låta resterande vara kvar i menyn i sidan. Är det bara till att kopiera in dem bitarna som jag vill eller det går inte att dela upp det!???
Hoppas du förstod min vilja :-)
Kram Jane

2011-11-06 / 17:25:53
URL: http://janearen.blogg.se/

Postat av: Vicki

hej, ja fattar hur ja ska lägga in allt, men ja får inte de att funka ändå.....kan du adda mig på msn eller kanske på facebook så man kan chatta om hur ja ska göra?? viktoria sandström på facebook och min mail på msn. uppskattar om du kan hjälpa mig.

2011-11-23 / 11:50:01
URL: http://vickilovelife.blogg.se/

Postat av: Vicki

Ja får de inte att funka :( tror du att du kan hjälpa mig??

2011-11-23 / 12:30:48
URL: http://vickilovelife.blogg.se/

Postat av: Camilla

Hej!

Jag skulle gärna vilja göra ett drop down i min meny och få kategorierna staplade på varandra (ej en horisontel som det blir under menyn) och att underkat. syns vid mouseover, går det?

Har sett det på vissa sidor men inte hittat någon beskrivning på hur man gör det.

Alltså jag vill att det ska se ut ungefär så här:

Överkategori1
-länk1 (visas vid mouseover)
-länk2
Överkategori2
-länk1
-länk2

Skulle bli så glad för svar!

Camilla

2011-12-13 / 21:31:30
URL: http://camillahastskotare.blogg.se/

Postat av: Mika ♥♥♥

åhh! Tack så jättemycket! Har letat jättemycket efter beskrivning på hur man gör drop-down meny men ingen utav de har vart bra nog! Din funkar super! TACK:D You made my daay! :D

2011-12-27 / 16:23:12
URL: http://photobymika.blogg.se/

Postat av: Mika ♥♥♥

åhh! Tack så jättemycket! Har letat jättemycket efter beskrivning på hur man gör drop-down meny men ingen utav de har vart bra nog! Din funkar super! TACK:D You made my daay! :D

2011-12-27 / 16:23:17
URL: http://photobymika.blogg.se/

Postat av: HANNA

det funkar inte.. kommer bara som tråkiga länkar i menyn till vänster..

2012-01-06 / 23:02:27
URL: http://dailyjessiej.blogg.se/