wordpress visitor

Horisontell meny med dropdown

Tillhör kategori [ Blogg Esse, Övrigt om design ]

Ja, många är det som har frågat om hur man gör för att få en meny uppe i bloggen med dropdown. Jag har letat med ljus och lykta efter en meny som inte använder sig av javascript utan bara använder css, och nu äntligen har jag hittat en som jag tror ska funka.

Så här kan den se ut:

Givetvis kan man ändra färg o så på den. Men det kräver lite pilleri i stilmallen.

Men vi ska börja med att lägga in koden.

1. Gå in i din stilmall och lägg till följande kod 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: 3px 8px;
	background-color: #cccccc; /*Ändra färgen på menyflikarna här*/
	color: #fff; /*Ä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: 10em; /* Ändra bredden på undermenyn här */
	background-color: #69f;}
#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: #889988; /*Ändra färgen på undermenyn*/
	border-bottom: 1px solid #fff;
	color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
	background-color: #000000; } /*Ändra färgen när man håller musen över undermenyn*/


2. Gå nu in i dina kodmallar, och lägg in följande kod där du vill ha din meny. Förslagsvis under din header, dvs under följande kod:
<div id="header">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>
</div>

<ul id="navbar">
  <li><a href="#">Kategori 1</a>
    <ul>
      <li><a href="#">Länk 1</a></li>
      <li><a href="#">Länk 2</a></li>
      <li><a href="#">Länk 3</a></li>
    </ul>
</li>
<li><a href="#">Kategori 2</a>
   <ul>
      <li><a href="#">Länk 4</a></li>
   </ul>
</li>
<li><a href="#">Länk 5</a></li>
<li><a href="#">Kategori 3</a>
   <ul>
      <li><a href="#">Länk 6</a></li>
      <li><a href="#">Länk 7</a></li>
      <li><a href="#">Länk 8</a></li>
      <li><a href="#">Länk 9</a></li>
   </ul>
</li>
</ul>

3. Kolla nu på din blogg, så att menyn funkar. För sen är det dags att konfigurera det hela.

4. Börja med din kodmall. Jag har numrerat alla kategorier och alla länkar, så att du lätt kan se i koden vilken kod som hör till vilken ruta.

Börja med att lägga in adressen till de sidor som du länkar till, det gör du i denna kod: <li><a href="#">Länk1</a></li>
Byt ut # mot adressen och byt ut Länk 1 till det namn du vill att länken ska ha.

Om du vill ha fler kategorier, då ska du lägga till följande kod:

<li><a href="#">Kategori 3</a>
   <ul>
      <li><a href="#">Länk 6</a></li>
      <li><a href="#">Länk 7</a></li>
      <li><a href="#">Länk 8</a></li>
      <li><a href="#">Länk 9</a></li>
   </ul>
</li>

Vill du bara ha en länk, som Länk 5, då lägger du in följande kod:

<li><a href="#">Länk 5</a></li>

Så här lägger du in det då:

Ny kategori med undermeny

<li><a href="#">Kategori 2</a>
<ul>
<li><a href="#">Länk 4</a></li>
</ul>
</li>
<li><a href="#">Länk 5</a></li>
<li><a href="#">Kategori 3</a>
 <ul>
<li><a href="#">Länk 6</a></li>
<li><a href="#">Länk 7</a></li>
<li><a href="#">Länk 8</a></li>
<li><a href="#">Länk 9</a></li>
</ul>
</li>
<li><a href="#">Kategori 4</a>
 <ul>
<li><a href="#">Länk 10</a></li>
<li><a href="#">Länk 11</a></li>
</ul>
</li>

</ul>

Endast en länk i kategoriraden
<li><a href="#">Kategori 2</a>
<ul>
<li><a href="#">Länk 4</a></li>
</ul>
</li>
<li><a href="#">Länk 5</a></li>
<li><a href="#">Kategori 3</a>
 <ul>
<li><a href="#">Länk 6</a></li>
<li><a href="#">Länk 7</a></li>
<li><a href="#">Länk 8</a></li>
<li><a href="#">Länk 9</a></li>
</ul>
<li><a href="#">Länk 10</a></li>
</li>Det som är markerat i rött är det du lägger till.

När det gäller utseendet på flikarna, så har jag lagt in kommentarer i koden som du klistrade in i din stilmall, det är bara att kika där, så ser du var du ändrar diverse olika färger.

Lycka till nu!

Related Posts Plugin for WordPress, Blogger...

Lari

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.

Website - More Posts

Du kan följa eventuell respons via RSS 2.0. Du kan skriva en kommentar, eller trackback från din egen sida.
Om du vill ha hjälp med din bloggdesign, och väljer att skriva en kommentar här, så MÅSTE DU ANGE DIN BLOGGADRESS!.
Helst av allt ser vi att ni skriver vad ni har för problem inne på Forumet istället, det är bara att registrera sig och där kan du räkna med att få en bättre hjälp.

239 kommentarer på “Horisontell meny med dropdown”

  1. Tilde skriver:

    Jag har inte texten man ska ha i kodmallen. Kan jag ha den ändå på nått sätt?

  2. Sizzy skriver:

    Hej!

    Funkar dessa koder verkligen som de ska? Kollade för nån vecka sen när jag började koda en kompis blogg, och resultatet blir inte den samma som du får.
    Har satt alla koder på rätt plats, men det funkar ändå inte?

    Tacksam för svar! //Sizzy

  3. reaalmaadriid skriver:

    asså jag fattar ngenting!!! jag hittar inte det jag vill ha!! Jag vill ha en meny under headern, där jag kan ha olika kategorier, men jag hittar inte det inlägget?! jag får daaamp! jag hade bestämt att idag skulle jag fixa klart det, men nu kan jag inte göra det, eftersom jag inte vet hur man gör?! >:O var du tvungen & ändra allting idag?! :(

  4. ebba skriver:

    verkar det som att folk är nöjda? jag tror det är bättre att byta tillbaka, så får du fler folk som uppskattar sidan & du hjälper fler också .. jag är nog en av många som snart ger upp? ;s riktigt svårt att hitta nu.

    • Lari skriver:

      Lugn Ebba. Rom byggdes inte på en dag… det kommer att grejas och ordnas med tiden, och slutligen så hoppas jag att alla kommer vara nöjda.

      • Om man vill ha den i mitten, alltså dropdownen, ska man skriva center då? Då kommer de under varandra :( Vad ska man skriva?

      • Helena skriver:

        Här kommer lite ros i allt ris. Måste bara säga att jag supernöjd med din sida även fast många verkar klaga! Min blogg hade sett ut som crap utan din blogg och den nya är skitbra! Håller på att göra en till blogg nu som jag jobbar lite mer på och det kan jag göra tack vare dig!

    • Stephanie skriver:

      Jag tycker att folk ska ta sig en tankeställare!?! Och vara tacksamma mot Lari att han ens startat denna sida för oss bloggdesigners och nybörjar och alla vi andra som vill veta mer. Och lära oss. Han har tagit sin egen fritid och byggt denna blogg / hemsida.

      Jag gillar inte designen speciellt mycket jämfört med den föregående heller MEN jag är ivrig på att lära mig hitta. Och jag är enbart tacksam mot Lari att han fortfarande har sidan uppe och rullande och försöker att utveckla den.

      Nu är det vårat jobb att lära oss sidan.Tycker jag iaf. Som Lari skriver Rom byggdes inte på en dag. Och vill man hitta koder och lära sig får man väll leta sig fram tills man hittar det. Ska ni bara klaga vet ni vart kryssknappen sitter.

      Tusen tack Lari för att sidan finns. Jag har lärt mig oerhört mycket här.
      Och jag ska fortsätta kika runt här tills jag förstår sidan lite mer. Du är grym..

  5. Help ? skriver:

    Hej, asså jag vill ha en meny över inläggen där det finns olika länkar till varje kategori, alltså så vill jag ha nästan som den här, men den ska inte vara vågrätt, utan lodrät. och sen så ska inte länkarna synas förns man håller musen på kategorien och kan välja bland olika länkar. förstår du vad jag menar? Du hade den koden när du hade designen innan på blogg.se men nu finns det inte längre, och jag har letat överallt efter den. Så snälla, kan inte du lägga upp det inlägget igen?

    Tack på förhand /F

  6. Camilla skriver:

    va hände med den utan droppdown? vadh ände medden andra desigen ! MYCKET BÄTTRE! hittar inte ett skit på denna.

  7. felicia ♥ skriver:

    Det som ligger uppe är ju inte en horisontell meny med dropdown, det är länkar under varandra. Har du ändrat förklaringen när du flyttade bloggen? Jag förstår ingenting längre…

  8. You Lie skriver:

    Det där är ju inte horisontell meny! Det såg ju annorlunda ut förut när jag skulle fixa en sån meny.

  9. ~Nini~ skriver:

    Hej!! ♥
    Din blogg är riktigt bra. Visste ingenting om blogg design förut tills jag hitta denna blogg. Men jag har en fråga. Hur får jag t.ex. de senaste inläggen och kategorier osv i en horisontell meny med dropdown som denna inlägg. Att allt kommer tilll drowpdown istället för menyn. Skulle uppskatta om du kunde visa det.
    Sen en annan fråga. Hur får jag en horistonell drowpdown meny i headern. Typ vid mitten av headern eller något. Går det bara utanför headern eller kan man göra det i mitt i headern ?

  10. ellen skriver:

    weird. har lari tagit bort min kommentar? eller har den inte publiserats?

  11. Emelie skriver:

    detta funkar inte längre, och det är en massa breaktags i stilmallen. trots att jag tog bort dem funkar inte själva css koderna, utan det ser bara ut som man skrivit in html koderna. knasigt.

  12. Lari skriver:

    Det här inlägget har blivit fixat så att koderna stämmer igen.

  13. elviraOlsson skriver:

    När man sätter in koderna så blev det ju ingen radbrytning eller vad det heter, menningarna forsätter bara utan ”enter” slag.
    Försöker sätta in dropdown meny nu, men det funkar inte fast jag har gjort det i rätt ordning! ;(

  14. felicia skriver:

    När man lägger till så det ska bli en till kategoriflik, men två flikar till under (länk 10 & 11) så blir det helknasigt. jag har pilrat med det här i säkert 4 timmar nu, men jag hittar inte felet! :(

  15. ellen skriver:

    om man kollar på min blogg, så blir dropdown flikarna jätte konstiga! varför blir det så?

  16. ellen skriver:

    och den där texten som ska finnas i kodmallen finns inte :/

  17. irina skriver:

    Hej! Din blogg har hjälpt mig super bra men nu undrar jag, när jag skriver center vid float (#navbar li { list-style: none; float: center; } /* Ändra till right om du vill ha menyn till höger istället*/) och då blir det bara en kategori genom hela headern. Kan du hjälpa mig hur man får alla kategorier att få plats och inte ta hela headern utan bara en del som t.ex. thingsyouremember.blogg.se. Så vill jag ha :P Tack för hjälpen! :)

  18. Elina skriver:

    jag kan inte se exemplerna :S?

  19. Linnea skriver:

    När jag lagt in koden i kodmall och stilmall och kollar på bloggen så ligger menyn som i mitten av headern, trots att jag ändrar i margin och padding. Någon med samma problem? Svara gärna!

  20. Elina skriver:

    Det som är fel är att man inte kan ha den imitten?

    vad ska man skriva för att menyn ska vara imitten?

    Och så är det en liten sak mellan texterna , altsså kan det inte bara vara tomt? och kan man inte runda till menyn, ?

    Ärligt så förstår jag ingenting, ni borde förklara bättre, liksom alla vill inte ha det på det sättet? visa ett exempel om hur det kan se ut, om dom där uppe är exempel så kommer dom inte fram i min dator iaf :S

  21. Riham skriver:

    Hej!
    Tack så jättemycket för er hjälp!Men jag har ett problem.Jag vill att länkarna ska vara bredare och längre hur gör jag då?

    Uppskattar svar;)

    • Ida Göransson skriver:

      Jag ville desamma, så jag testade att jag lägga in:
      *width: 10em;* (bestäm själv hur bred den ska va) någonstans nedanför *#navbar li a {*

      Hoppas det var till hjälp! :) det funkade jätte bra för mig iallafall!
      /http://idagoranssn.blogg.se/

  22. ellen skriver:

    hej!
    Det blir fel efter att jag har lagt in själva dropdown’n för det blir bara kategori 3 som åker ner och dom andra ändrar inte på sig. Vad gör jag för fel ? Hoppas du fattar .. :)

  23. A skriver:

    Om man vill ha menyn längre, alltså bredare, hur gör man då? har testat att skriva ”width: …” men funkar inte…
    Tacksam för svar! + din blogg är jättebra, tack för all hjälp du ger oss!:D

    • Lia skriver:

      Du måste ändra bredden på flikarna för att det ska funka, padding: 3px 8px;
      Där det står ”3px” är det höjden och ”8px” är bredden. Om du ändrar bredden där så funkar det ;)

  24. Alexandra skriver:

    Jag har lite panik här….
    När jag fixar i ordning allt så försvinner, kommentera-funktionen och jag kan inte längre förhandsgranska! :’(

    Lite panik.. help me!!

    ps: tack för en superduperskitasbra sida som räddat mig många många mååååånga ggr när jag suttit som ett dumpucko och fattat noll!
    Tack Lari!

  25. Hej! Har en litet problem; när jag får fram undermenyn och ska sätta musen på dem så försvinner de. Inte om jag scrollar samtidigt. Kan någon säga vad det kan bero på…? Har gått igenom alla koder till dropdown menyn flera gånger men kan inte se felet…
    Menyn finns på: http://www.royalglamour.blogg.se/diudiu och jag hade tänkt använda den på min fotoblogg såfort jag får det och funka…

    Någon som kan hjälpa mig? Skulle vara sjukt tacksam om någon kunde svara som en kommentar i min fotoblogg!!

    :)

  26. Emma skriver:

    Tack för en superbra blogg och jag hittar mycket bättre i den här designen än vad jag gjorde i den förra, så tack för en superbra blogg!

    Nu till mitt problem, det är såhär att jag har den här horisontell meny med dropdown på min blogg, men jag förstår inte hur jag ska länka till dom kategorierna jag vill länka till på min blogg? till exempel om jag vill länka till ett inlägg så förstår jag inte hur jag ska göra, för jag vill isåfall att det bara ska stå såhär ”emmas vardag” istället för en massa http://www.eemmsoderberg.blogg.se/emmasvardagkategori” och en massa sånt, hoppas att du förstår för det kan verka lite krångligt, men jag är hur tacksam som helst isåfalll om du kan hjälpa mig!

  27. B skriver:

    Jag förstår inte vad jag gör fel.. det blir bara som ett punkt system huller om buller.. :) Snälla hjälp!

    (Testar på min underblogg så det syns inget på min vanliga).

    En sak till, sedan du flyttade plattform har det varit jätte svårt att hitta och det finns ingen sökmotor. Jag tycker det var bättre förut, men i alla fall. Det är bara min åsikt!

  28. Isabella skriver:

    Hej, jag har gjort allt rätt och satt in länkar och så, problemet är bara att de hamnar inte under min header utan brevid.. vad är felet? Tacksam för svar..

  29. Hjälp! skriver:

    Hur ändrar man färg på länkarna i menyn?

  30. evelinawenner skriver:

    jag fattar iiingenting..

  31. Nemå skriver:

    Alltså. Det funkar inte, och jag har använt den här koden innan, har lagt den rätt så jag vet vad jag gör. Saken är den att ”flikarna” hamnar ju under headern iofs, men åt sidan och om vi säger att ena kategorin heter katt, så står det katt med en svart punkt innan, UNDER den står det länkarna. Så det blir ju inte som det ska. 

  32. elin skriver:

    Hur gör man så att man får en dropdown på länk 5 som inte du lagt till någon drop down på ?
    skulle vara tacksam för svar :)

  33. josefine skriver:

    hur gör man för att få rundade kanter på drop down-menyn? :) har sökt på google, men hittar ingenting!

  34. Zabbe skriver:

    Hej!
    Håller på och gör en ny design och nu är de så att jag lyckats få in denna dropdown men jag lyckas inte få upp menyn där i.. så som senaste inläggen/kategorier/arkiv/länkar. Undrar hur man gör? Behöver verkligen hjälp.

  35. Azra skriver:

    Hejsan!

    Fixade dropdownmeny åt min syster. Allt fungerade som det skulle och det ser jättebra ut.
    Men när man klickar på Arkiv och sedan på månaderna, då syns inte inläggen, utan bara rubriken.
    Så här: http://leilaah.blogg.se/2010/august/

    Och sedan när man klickar på kategorierna, då ser första inlägget okej ut, men när man skrollar ner ser man att resten blir jättebrett och det drar ut över content ut till bakgrunden.
    Så här: http://leilaah.blogg.se/category/allmant.html

    Hur ska jag fixa det?

    Din blogg har annars hjälpt mig jättemycket gällande allt möjligt inom bloggen, så tack så mycket! :)

  36. nemmie skriver:

    vilken länk ska man lägga in? fattar inte

  37. nemmie skriver:

    det man klistraar in i kodmallen är bara två rader, v ar tvungen att ta bort när dt va fler rader för råkade ta borten rad. men nu finns det bara två?

    Hjälp, vill verkligen ha den här menyn!

  38. Ellen skriver:

    Jag vill länka till mina senaste inlägg, arkiv osv. Men hur ska jag göra det?

  39. Louise skriver:

    Det här funkar inte för mig över huvud taget! snälla, behöver hjälp! :S

  40. Clara skriver:

    okej, eftersom nästan alla andra klagar på att man inte hittar nånting nu med den nya designen, så gör inte jag det!

    men en sak skulle jag vilja ha hjälp med!
    lodrät med dropdown meny som visas medans mouseover?
    kan verkligen inte få till det. 
    uppskattar svar i bloggen!
    (ex. på sådan meny finns på: http://myscenario.blogg.se/)

    TACK!

  41. Lovisa Granath skriver:

    Hur sjutton har du fått till det med din dropdown?
    När man väljer ”BLOGGDESIGN”, menyn dyker upp och man drar över ”Blogg esse” och en ny meny dyker upp?

    Har försök med allt möjligt men får det inte till att funka?
    Tack för all hjälp :)

  42. sonya skriver:

    Jag har fixat menyn nu, men den försvinner när man trycker på någon kategori, och man kan inte ta sig tillbaka till startsidan! Hur fixar jag det?
    Tack för en otroligt bra blogg!

  43. tova skriver:

    kolla min blogg jag vill ha länkarna där uppe hur får man upp dom ?????

  44. Josse skriver:

    Men hur blir det med menyn till sidan då? ska man bara sudda ut de ifrån stilmallen? förstår inte hur t.ex. arkiv-listan fungerar då? uppdateras det i den nya horisontella-menyn, eller måste man alltid lägga in en ny länk under arkiv-kategorin då? och hur gör man det isf?

    världens mest krångel-formulerade fråga kanske, men tacksam för svar :)

    • sabbi skriver:

      jag vet inte om detta stämmer med det kan ju vara såhär:

      det finns ju en kodmall för framsidan, en för kommentarsidan, en för arkivsidan och en för inläggssidan. Då kanske du bara lagt in kodmalls koden i kodmalls framsidan och inte på de andra.

      Hoppas du fattar:D

  45. sabina skriver:

    hej!
    för mig funkar det här på min startsida men så fort man klickar in sig på inläggssidan, kommentarsidan eller kategorisidan så blir dropdownmenyn bara i punktform.
    Är det någon som vet hur man ska göra för att få bort det?

    • sabbi skriver:

      jag vet inte om detta stämmer med det kan ju vara såhär:

      det finns ju en kodmall för framsidan, en för kommentarsidan, en för arkivsidan och en för inläggssidan. Då kanske du bara lagt in kodmalls koden i kodmalls framsidan och inte på de andra.

      Hoppas du fattar:D

  46. sabbi skriver:

    vet någon hur man ska gör fall man vill ha dropdownmenyn i mitten istället för till höger eller vänster?

  47. Louise skriver:

    Kan man inte ha en horisontal meny? :(

  48. Hej jag undrar hur jag få alltihopa lodrätt ist för horrisontellt? ::P
    Tacksam för svar!

  49. soleil skriver:

    Menyn vid headern ligger precis som den ska men min vanliga meny på sidan, i den har allt hamnat huller om buller ;s

  50. Rebecca skriver:

    Hej!
    Din sida har hjälpt mig jättemycket, så Tack :)
    Men nu är det såhär.. jag håller på med en ny design och försöker lägga upp en dropdown meny för första gången.
    Det har gått rätt så bra, men jag vill lixom flytta ner menyn. hur gör jag då? Jag har testat att ändra på margin under *#navbar { * men då flyttar även min header ner. Hur ska jag göra?
    Dropdown menyn kan ni kolla in på http://shululuw.blogg.se/test/
    min test blogg för kommande designer.
    tacksam för all hjälp ni ger!

  51. Sofia skriver:

    Hej, tack för en otroligt bra och hjälpsam blogg. Är verkligen imponerad av allt du kan. Tuvär kan inte jag så mkt och har fasnat. Jag har lyckats med en ”liggande” meny. Men jag förstår inte hur jag får dit arkiven (september 2010,oktober 2010 osv) Sen har jag inte hajjat hur jag får bort menyn på sidan. Tack igen och hoppas på svar :D

  52. Mathilda skriver:

    Hej!
    När jag la in koden för menyn, så flyttades alla mina inlägg mot höger, så nu är allt snett? hjälp!
    Tack för förhand!

  53. lenalindroth skriver:

    hur får man in senaste inlägg, arkivet mm? :P

  54. carro skriver:

    nu är det så att jag ha fixat en sån här meny, och samtidigt fixade jag en gästbok, hur får jag gästboken till en kategori där uppe? har lite problem med det just nu. tack på förhand

  55. Ebba skriver:

    Funka ju skit bra! Tack så mkt :) hjälpte myyyycket

  56. Nemå skriver:

    Tjena.
    Jag har fått hela grejjen att funka med länkar och allt. Jag undrar bara om det går att låsa fast hela menyn så att den följer med när man rullar ner sidan? Jag har min över headern nämligen.

    Sen undrar jag också om det går att göra så att man inte har någon bakgrund alls utan bara texten eller eventuellt vit bakgrund men med opacity. 

  57. Matilda skriver:

    Detta inlägget fungerar inte längre, det fungerade för ett par dagar sedan, tror att det är fel på koderna :( .

  58. Rebecca skriver:

    Nemå: Jag gjorde genomskinlig bakgrund. Jag la dit transparent; efter background-color: ^^
    Jag behöver hjälp med att flytta ner menyn, hur gör man det? Du kanske vet :D

  59. Tidda skriver:

    Kanske kunde detta inlägg behöva videoinstruktioner? (:

  60. kitty skriver:

    Har totalt glömt hur man ändrar bredden på dropdown menyn. E det något jag ska lägga till eller ändrar man det någon annanstans? Den Widhten som står i stilmallen ändrar bara undermenyn. Jag vill gärna ha den lika bred som bloggen.

  61. Alexandra skriver:

    Hej Lari! Superbra blogg, men nu har jag fastnat. När jag lägger in dessa koder så får jag inte en dropdown meny, utan det blir istället en ”punktlista” av något slag. Förstår inte riktigt vad det är jag gör fel, vet du kanske vart jag klantat till det?

  62. nemmie skriver:

    jag har haft det så men nu när jag fösökte igen ser det jätte konstigt ut, bara vanlig text brevid headern….

  63. Jag vill också veta hur man ändrar bredden på hela menyn, så den sträcker sig under hela headern. Vore toppen!

  64. Elin skriver:

    um, asså det är en hel del onödig span i denna kod? innan jag tog bort den funka det inte så bra.
    dessutom blev jag väldigt förvirrad av massa kod som inte behövs..

  65. amanda skriver:

    om jag har fixat allting med den nya menyn men så är min förra meny fortfarande är kvar som vanligt. det blir lixom dubbel menyer ? om du förstår vad jag menar. sen så vill jag ju ha gamla menyns innehåll i den nya menyn, men jag får inte till det. tacksam för svar och hjälp!

  66. nixy skriver:

    Går det inte att fixa en horisontell meny på devote.se?
    Har försökt att fixa i både ”avancerad stilmall” och ”grund” men får det banne mig inte till att fungera alls :(

  67. Olivia skriver:

    hur får man dropdownmenyn liggande??, min är lodrät.

  68. Emma skriver:

    Jag tror att det är något fel på inlägget, texten man ska kopiera är helt rörig :( Hoppas du kan fixa det så att jag kan hjälpa min vän med dessa flikar :)
    Tack på förhand!

  69. Erika skriver:

    Jag skulle vilja få dropdown menyn i mitten, hur fixar man det? Jag provade att skriva center där man kunde ändra om man ville ha på höger eller vänster sida men då blev helt konstigt. Så hur fixar jag så att dropdown menyn hamnar i mitten? Kram Erika

  70. Linn ♥ skriver:

    jag har försökt att lägga in en sån här meny på min testblogg, linnhs.blogg.se/testblogg.
    men det blir helt kontsig?
    Allt kommer på rad och helt genomskinligt bakom?

    hur ska jag göra för att fixa det?

  71. sophie skriver:

    alltså de funkar inte ens nästan så som de visas? :(

  72. Klaras foto skriver:

    Hur får man så att menyn ligger i mitten, alltså under/över headern? Tacksam för svar :)

  73. Sanni skriver:

    Hej jag har haft den här menyn ett tag nu, och det har funkat jätte bra, tills att blogg.se la in reklam för bloggshoppen i botten på fönstret. Nu när man kommer till alternativen för det som finns till länkarna så hamnar det under ”content”. Hur flyttar jag upp så att alternativen kommer framför?

  74. FELICIA! skriver:

    Hej! Jag får små, blåa ‘luckor’ mellan mina olika länkar i dropdownmenyn. Någon som vet var felet ligger? 

    http://www.aicilefs.blogg.se/testbloggen

  75. Louice skriver:

    Hejsan. Har börjat fatta detta riktigt bra. :)
    Tack så jättemycket.
    Men det är en sak som jag undrar. Jag skulle vilja ha fler länkar på kategorin 90210. Men det funkar inte för jag har försökt att sätta dit fler länkar på den kategorin och som ni ser på bloggen ovan-obs bara en testblogg!, så kommer det under allt.

  76. Sanna skriver:

    När jag lägger in koden i t.ex arkivsida blir den som en punktlista och typ jätte konstig ? :o o
    nån som vet varför ?

  77. Johanna skriver:

    hur får man flikarna centrerade?
    det funkar bara med left och right. 
    Snälla hjälp mig!! :)

  78. Moa skriver:

    Koderna du skrivit som man ska lägga in förvinner så man kan inte kopiera dom, någon som kan se koderna?

  79. Felicia skriver:

    Jag håller med alla er andra! Det här är ju kaos :o
    Jag lyckas med en horisontell dropdown, dock lyckas jag inte centrera den under headern..
    Och på något konstigt vis så ändras texten i alla mina inlägg beroende på hur jag vill ha det i menyn så att det blir lika.
    VÄLDIGT IRRITERANDE!

  80. Sarah skriver:

    Varför hamnar den i sidan av bloggen?! :o

  81. Jennifer skriver:

    men du ? , Hur får man den i mitten .. alla här har frågat men du ger inget svar ! :s .. taskig stil ! :@

  82. L skriver:

    Hur får man in arkiven i menyn? :)

  83. Jag!! skriver:

    Hur får man den att hamna i mitten?

  84. Malin skriver:

    Jag har fått det att funka hyffsat, men kan heller inte få den centrerad.
    Mitt problem är just nu att mina länkar inte funkar. När jag länkar till andra bloggar kommer det upp att bloggen inte finns osv… plus att de är liksom länkade via min blogg. fel fel fel. vill ju inte ha det så. någon som har ett tips på hur jag ska lösa det?

  85. Alexsandra skriver:

    vad menar du med byta ut # till adressen, vad är adressen? Har provat lite olika men inget funkar. Får som sagt inte in mina inlägg i de olika länkarna. Sen har min gamla header lyckats komma fram så nu har jag både den gamla & min ”nya”…
    Tacksam för ett så snabbt svar som möjligt.

  86. felicia. skriver:

    Åh tack så mycket för hjälpen!! :D

  87. Li skriver:

    Hej, jag funderar lite hur man får den att sträcka sig över hela bloggen? Som

    <font face="verdana"><a href="http://michaelaa.webblogg.se/">Michaela D</a></font>
    

    ?

  88. Marielle skriver:

    Jag har fixat menyn, men undrar hur jag gör får att få själva arkiven till dropdownmenyn? Tacksam om någon kan svara!

  89. elin skriver:

    hejj, hur skaffar masn sig en profilbild? snälla hjälp mig!! :D

  90. fanny skriver:

    funkade! enda problemet- det funkar inte att göra fler kategorier! de hamnar bara under de andra kategorierna, har försökt med allt möjligt. HJÄÄLP!

  91. Koden vill inte funka någonstans. Blir en vertikal punktlista och jag har lagt in båda koderna rätt. För ett tag sedan när jag använde mig av dessa koder så funkade. Kanske det är fel på blogg.se eller något. Kolla upp det!

  92. ullis skriver:

    Tack så mycket, funkar jättebra =)

    till er som säger att det inte funkar: ni har nog inte gjort rätt. På en massa inlägg är det runt 20 personer minst som skriver att det inte funkar, men allt det har funkat för mig. Så testa några gånger, ändra runt lite osv tills det funkar, innan ni går in här och skriver att det inte gör det!!!!

  93. Maja skriver:

    Allting fungerar jättebra för mig, tack så jättemycket för det här inlägget!

    Det är bara en sak som jag har lite problem med och det är att underlänkarnas text hamnar liksom till höger så de börjar i mitten av underlänkens ruta och slutar till vänster av underlänken. 

    Vet någon hur man fixar så att rutan bara är så stor som texten och så att texten börjar där rutan börjar i vänstra kanten?

  94. Kung Evve skriver:

    Hej hej! Jag skulle vilja ha min meny centrerad, men det varkar bara vara right och center som fungerar. How to do?

  95. Isa skriver:

    Kan du inte sätta in en bild på hur det ser ut efter asså när man är klar, så att man typ FATTAR vad du menar

  96. Mia skriver:

    jag förstår inte hur man gör för att själv reglera exakt var man vill ha denna meny! det måste ju finnas något sätt att göra det på?

  97. Rebecka skriver:

    Någon som vet hur man får mellanrum mellan flikarna???

  98. eva skriver:

    kan du visa en printscreen på hur det kommer se ut, alltså VAR den kommer ligga osv?

  99. Martina skriver:

    Hej! Tack för väldigt bra tips.
    Jag har fått i ordning på den här väldigt bra! (ni som behöver hjälp med den kan höra av er om ni vill så ställer jag upp!)
    Men nu är det såhär, jag får upp länkar, senast inlägg, gästbok, you name it. Jag har till och med lyckats få bort det i ”ordinarie menyn” MEN- ett stort men, mina kategorier är borta, min blogg hittar dom alltså inte. Inläggen finns. Men jag kan inte söka fram kategorierna. Och det är inte fel på själva menyn eller så, för om jag länkar till någon annans kategorier så funkar det. Varför hittar inte bloggen kategorierna? Jag behöver VERKLIGEN hjälp med detta. Så snälla, om ni ser det här. We can help each other out!.
    Tack på förhand! <3

  100. LS skriver:

    Hej! Vet du hur man kan få hela sin blogg rulla i horisontell riktning? Istället för att scrolla ner så scrollar man alltså åt höger eller vänster. Hade varit toppen!

  101. Julii skriver:

    asså det blir helt cp. bara jätte text och punktlista :S jag fattar inte heller hur man tar bort menyn i sidan :( hjälp tack ! <3

    • Anna skriver:

      Jag håller med! det fungerar verkligen inte! Det måste vara något fel på koderna! 

    • Matilda skriver:

      se till att fixa både i kodmallen och stilmallen :)

      • Sanna skriver:

        Jag får till det när jag klickar på förhandsgranska men sedan när jag sparat och är klar så blir det bara som i en punkt lista på själva bloggsidan.. Jag har gjort som det är beskrivet både i kodmallen och stilmallen, vad gör jag för fel? 

  102. Maria skriver:

    Hej!
    Jag skulle vilja ha den centrerad och högst upp (allra högst upp), hur gör jag då?

  103. Karin skriver:

    Hej!

    Det här är lätt min favoritfunktion, men jag har en liten fråga till. Här på din sida har du en drop-dropdown ungefär. Alltså när jag håller pekaren över Bloggdesign, och därefter över till exempel Blogg Esse så kommer det ytterligare en meny. Det är alltså ytterligare en dropdown-meny på den ursprungliga dropdown.

    Hur gör man detta på sin egen blogg? Jag är grymt sugen på att testa!

  104. Petra skriver:

    Hur gör jag när jag vill centrera menyn?
    Kan jag ta bort menyn vid sidan, isf hur?
    Kan man göra menyn mer ”utspretad” alltså att kategorierna inte ligger så tätt intill varandra. så att den blir ungefär lika bred som headern?

    Tack på förhand (:

  105. Josse skriver:

    hej! alla ni som försöker göra en drop-down meny gå till den här länken:

    http://www.designadinblogg.se/gratisdesign/?p=165

    mycket lättare ;)

  106. Lisa skriver:

    Jag har provat och provat och provat, men inte lyckats. Hur får man den här dropdownen i mitten?

    Testat att skriva dit center här och där, och att använda varianter av detta

     body {margin: 0; padding: 0; text-align: center;}
    #box1 {width: 200px; padding: 10px;
    margin-right: auto; margin-left: auto; text-align: left;} 

    ..
    Är jag helt fel ute?

  107. Hannah skriver:

    funkar inte för mig,kommer istället vid ”side”.Hur får man de över headern?och genomskinligt över headern..om du vet?

  108. Hannah skriver:

    Hur får man den i mitten,funkar inte att skriva center för då kommer det på vänstra sidan och en massa bakgrund över hela? :s

  109. Alice skriver:

    Hur gör man för att få rundade hörn??

  110. Linnea Isabelle skriver:

    Hur gör man för att få rundade hörn på flikarna? 
    Hur gör man för att få menyn ovanför headern?
    Hur gör man för att få den i mitten?
    Hur får man bort kategorierna i sidmenyn?

  111. Elvira skriver:

    Asså det blir verkligen jättekonstigt för mig! Dropdown:erna kommer i menyn den blir det som en meny för mig ovanför headern. Skulle vara kul med en video:)

    Tacksam för svar!

  112. Hannah skriver:

    Hur får man dropdownerna ovanpå headern,och så att dom är genomskinliga?

  113. Sophie skriver:

    och om man vill få tillbaks? :S det ser fult ut!!! :’(

  114. nemå skriver:

    Det är nog dags att kolla igenom koderna så de funkar….

  115. Sara skriver:

    Det funkar för mig men om man klickar på t.ex. kategorier i dropdownen och sen på en kategori, då man är på den kategorin försvinner dropdown flikarna och allt hamnar på menyn som förut, det har jag tagit bort men det kommer fram ändå :S hjälp? och hur får man flikarna genomskinliga? Snälla hjälp, vill bli klar med designen snart, helst i helgen!

  116. Stina skriver:

    det funkar inte för mig… :/

    för att det blir alldeles konstigt.. :( :S

  117. Eriiza skriver:

    Hej, hur har du fått ett vitt mellanrum på dessa flikar ?
    Jag pratar alltså inte om undermenyn.

    MvH Eriiza

  118. Alice skriver:

    Hej, för mig funkar koderna utmärkt,
    men det enda som inte går att fixa är färger på kategoritexten..?
    Den är just nu blå och mouseovern svart, vilket jag tycker är enormt fult. Vill ändra till korall och ljusgrått. Har försökt riktigt länge nu, vill gärna bli klar med designen till på tisdag!
    HJÄLP MIG SNÄLLA! NÅGON MED LIKNANDE PROBLEM SOM HAR LÖST DET? NÅGON SOM VET HUR MAN GÖR?

  119. Jag har flyttat upp min meny på vänster sida om headern, och när jag lägger in denna koden så lägger sig dropdownmenyn i min uppflyttade meny, varför? Vart ska jag lägga in den för att placera dropdownmenyn under min header (har lagt in koden under headern i kodmallen men det fungerar inte ändå).

    Mycket tacksam för svar!!

  120. Sthlm's ELITE skriver:

    Jag behöver hjälp!
    Har fixat menyn och allt ser bra ut men jag har ett problem. När jag ändrade breddan på menyn så den skulle va lika lång som min header funkar den inte som den ska. Jag har en ”länk” där det står ”kategorier” och när man håller musen över den så kommer det upp en dropdown meny med alternativ. När jag försöker håll musen över ett av alternativen så försvinner dem. Fattar du vad jag menar? Du får gärna kika in på min blogg och kolla för dig själv. Skulle verkligen uppskatta hjälp!

  121. ida ;) skriver:

    jag fattar inte hur man ska få senaste inläggen att komma upp när man tar över senaste inlägg om man nu skulle vela ha det. man kan ju inte gå in och ändra varje gång man lägger in ett nytt inlägg..

  122. Anonym skriver:

    Jag har inte dom koderna mellan

     <div id="header"> & 

    . Vad ska jag göra då? Snälla, hjääälp!

  123. Anonym skriver:

    Ojj, skrev fel, jag menar att ajg inte har koderna mellan div id header grejen och div saken i slutet, snälla hjäälp!

  124. Alice skriver:

    Hur gör man om man vill ha typ rundade hörn?? alltså så att det blir osm knappar!!
    länka gärna om du redan har gjort en sån guid! hittar ingen!!

  125. Nea skriver:

    Till alla som inte får det att funka: Hej! Jag håller på och sätta in en dropdownmeny, jag använde mig av Sannasrum.se ‘s guide. Den fungerade:D Där finns också en massa andra guider som kanske kan vara till nytta. Och det är alltid lättare om man har två sidor att leta koder m.m. på.
    Kram<3

  126. ethel skriver:

    För mig ser det bra ut i Internet explorer, men i google chrome blir det en punktlista. Jättekonstigt, hur löser jag det??

  127. ...... skriver:

    DEN HÄR KODEN FUNKAR INTE!, MIN BLOGG BLEV FÖRSTÖRD (MAN KAN INTE SE INLÄGGEN)
    TACK FÖR DET!!!!!!!!!!!!!!!!!!!!!!

  128. sejla skriver:

    tack så jätte mycket, funkar kanon!

  129. Sanne skriver:

    Har lagt min drop down meny över headern, men ändå så kan jag inte flytta den högre upp.  Dvs till kanten längst upp. Någon som vet hur man fixar detta?

    • rebecka skriver:

      Testa att kolla din stilmall, på den koden du lagt in för dropdown. Ändra siffran på margin.. koden är väl något liknande #navbar { margin: 10; padding: 0; height: 1em; }#navbar li

      Inte säker, men prova :)

  130. Anna skriver:

    Varför ändras storleken och typsnittet på texten under ”senaste” också? Hur fixar jag till det?

  131. Camilla skriver:

    hejhej
    dropdawn menyn funkar som den ska o så men jag kan ej få den genomskinlig fast än jag gjort som jag ska…..opacity: 0.6;

  132. Maria skriver:

    Det här funkar prima för min del MEN, jag vill kunna flytta hela dropdown:en till vänster, HUR GÖR JAG DÅ? Har testat en massa men flikarna stannar på vänster sida oavsett vad jag gör. Vart i margin/padding kan man ändra det? Skulle vara så tacksam på svar!

  133. Aphrodite skriver:

    hur gör man för att få en bild ovanför sin beskrivning av bloggen? ;)

  134. Bexx skriver:

    Jag har en fråga som ingen lyckas hjälpa mig med. Har kollar överallt på massa olika sidor men funkar inte. Jag vill byta namn på mina kategorier att de ska stå något annat än allmänt. Men de sparas aldrig så de blir inte som jag vill.

  135. jennie skriver:

    jag fick lägga till dropdownmenyn i explorer och sedan kunde jag fortsätta i chrome, mysko men det fungerade! :)

  136. Miina skriver:

    När jag skulle göra det här så försvann plötsligt alla mina inlägg från startsidan!! Snälla hjälp mig!

  137. sarah skriver:

    Hur får man dropdown menyn i mitten? :)

  138. linn skriver:

    Det funkar inte för mig!

  139. asså det funkar att lägga in allt , men när man klickar på länkarna sen när allt är klart så händer absolut ingenting! -.-
    har gjort om det 20 gånger nu..

    SJUKT TACKSAM FÖR SVAR !

  140. Madelene skriver:

    hej jag undrar hur man kan få ”senaste inläggen” i en av flikarna i drop down menyn?
    jag har sett många som har så, har försökt att få till det ett bra tag nu med ingenting vill funka, nån som möjligtvis vet hur man gör?

    GRYMT TACKSAM FÖR SVAR !!

  141. sofia skriver:

    Hur får man senaste inläggen i drop down menyn? tacksam för svar!

  142. asså allt sitter som en smäck men när man trycker på länkarna så händer ingenting detta är fan 8 gången jag försöker mej på detta .

    tycker du kan svara o säga vad jag gör för fel :(

  143. Tora skriver:

    På sidan, där det står alla kategorier osv, har det liksom förstörts! De har fått samma ”design” som menyn, så allt har liksom hoppat åt sidan! Hur ska jag göra?

  144. Ronja skriver:

    Hej!
    Dropdown menyn fungerar alldeles utmärkt på bloggen förutom när jag försöker få att den ska synas på inläggssidan också, då hoppar allt snett på sidan. Varför blir det så?

  145. rebecka skriver:

    Jag har fixat en dropdown-meny, och fått in underrubriker med allt jag vill ha med. På framsidan ser det bra ut, men när jag klickar in mig på underrubrikerna så kommer fel inlägg upp :( och när jag klickat in mig på något så droppar inte undermenyerna ner när jag håller pekaren över menyn. Vad gör jag för fel? jag har lagt in koderna i alla sidor i kodmallen, så det är inte där problemet sitter. någon som vet? snälla?

  146. Hej! Hur gör man för att få menyn i mitten och att den hänger med ner när man skrollar (som kandee har)? Tack på förhand!

  147. Amanda skriver:

    Alltså ja får det att komma å bloggen men jag fattar inte alls hur det är man ska få dit sina kategorier och sånt..

  148. Moa skriver:

    Jag fattade och det funkade! ;) man måste bara vara nogrann

  149. H a c h i ~ skriver:

    Hej! Har en liten fråga, JÄTTE tacksam för svar!

    Jag tänkte flytta upp mitt arkiv o mina kategorier i dropdown menyn. men eftersom det är så många länkar i varje, har jag delat upp arkivet efter år och kategorierna efter tema. Det skulle jag vilja göra här uppe också!

    så, om man för musen över ”arkiv” kommer det upp 4 exempel: 2011, 2010, 2009. när man för musen över ett av åren kommer alla månaderna upp. Och om man för över ”kategorier” kommer det upp alla teman, och sen självaste kategorierna. lite som din meny, i TRE steg (och inte TVÅ som visas här uppe)
    hur gör man om man vill ha det såhär?

    som sagt JÄTTE tacksam för svar!

  150. Camilla skriver:

    Hej!

    Jag skulle vilja ha som en dropdown meny i min sidomeny fast istället för att kategorierna står bredvid varandra som i exemplet över vill jag att de ska vara staplade och vid mouseover kommer underlänkarna fram.
    Hoppas någon förstår vad jag menar och kan hjälpa mig.

  151. malin skriver:

    Jag har en hel drös med frågor…
    Jag har fixat en dropdown meny på min blogg och den börjar ta form men jag undrar hur man gör för att separera flikarna från varandra eller måste jag lägga in flera separata dropdown-meny koder? Jag vill även runda av kanterna på flikarna om jag kan få dom separerade och jag undrar hur man gör. Kan man göra det direkt eller måste jag lägga in bilder ovanför headern och passa in dom vid flikarna?
    Jag hoppas du förstår vad jag menar. Tacksam för svar :)

  152. Sofia skriver:

    Tack så jättemycket för detta inlägg! Blev riktigt bra! Även om jag var tvungen att ändra en hel del med kodningen så gick allt bra. Men jag undrar hur man får menyn att hamna i mitten av bloggen..?

    Tack så hemskt mycket för denna sida! Jag har lärt mig otroligt mycket av dig Lari! Min blogg hade inte varit så fin utan din hjälp. :)

  153. sofia skriver:

    Detta funkar ju visst! Vad säger ni?

    Tack så mycket för hjälpen! Har försökt lära mig drop-down i flera månader o veckor, entligen! Tack så mycket :-)

  154. tjejen skriver:

    Hej!
    Du har hjälpt mig jätte mycket med den här sidan och jag uppskattar den verkligen! :) Jag kanske verkar lite korkad om jag ställer den här frågan men jag är helt seriös, där det står kategori 1, Kategori 2 osv. ska man skriva t. ex. allmänt och foton eller? Skulle vara väldigt tacksam om jag fick den här hjälpen ;)

  155. Nora skriver:

    Jag ville bara tacka för hjälpen, jag håller på att få ordning på min blogg nu och den börjar bli riktigt fin – tack vare dig! Tack så jättemycket! 

  156. victoria. skriver:

    jag har haft blogg tidigare och använt mig utan den här tutorialen och då har det funkat felfritt men det gör det inte den här gången. jag har raderat och börjat om flera gånger, säker på att jag lagt in koderna rätt MEN det blir INTE en drop-down meny under headern, utan en ful punktmeny på sidan, över den vanliga menyn. vad är felet?

Lämna en kommentar

Om du vill skriva kod i en kommentar, så måste du skriva koden mellan [xml] och [/xml] annars syns inte koden.
Exempel:
[xml]
<font face="verdana"></font>
[/xml]


Om du vill ha designhjälp, glöm inte bort att ange din bloggadress så vi kan kolla dina koder!

Page optimized by WP Minify WordPress Plugin