Floating Facebook Widget
forsiden webdesign grafikk guider guider
Forsiden » Webdesign » Blogg.no » HTML og CSS » Meny under/over headeren

Meny under/over headeren

1: Lim disse kodene inn i malene under eller over headeren.

<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>

Hver linje av koden (med unntak av første og siste) er en link i menyen. Du kan bytte ut «Link» med det du vil skal stå der. For å komme inn på et blogginnlegg eller en kategori når du klikker på linkene, må du fjerne dette tegnet # foran navnet på linken og legge til en url-adresse i stedet. Klikk her for å lese hvordan du finner url-adressen til innlegg og kategorier på bloggen din.

2: Lim deretter dette inn i stilsettet. Det står forklart ved siden av kodene hva de betyr.

#meny {
font-family: arial;
font-size: 12px; /* Tekststørrelse */
text-align: center;
width: 890px; /* Bredde */
padding: 5px 0px 5px 0px;
background-color: #efefef; /* Bakgrunnsfarge bak hele menyen*/
margin-left: auto;
margin-right: auto;
}
#meny a {
background-color: #efefef; /* Bakgrunnsfarge */
color: #898989; /* Farge på linken */
padding: 5px 15px 5px 15px;
width: 100%;
margin: 0px 8px 0px 0px; /* Mellomrom mellom boksene. Oppe, høyre, nede, venstre */
}
#meny a:hover {
color: #696969; /* Farge på linken når du fører pekeren over */
background-color: #efefef; /* bakgrunnsfarge */
}

44 kommentarer

Hilde 30. mai 2011, kl. 18:45

Hei :)
Jeg får til å legge alt det over i stilsettet og malen, men hvilken url skal jeg skrive inn på malen? Jeg skrev bloggadressen, men det blir jo feil. Må jeg lage en ny side? Evt hvordan gjør jeg det? Takk :)

Chigoziri 20. juni 2011, kl. 23:02

Når jeg legger den inn så er den høyere stilt så den står i veien for sidebaren, hvordan venstre stiller jeg den? Hadde satt pris på svar fort.

Kira 24. juni 2011, kl. 10:46

Hei :D jeg prøver å lage meny under headeren .. nå har jeg lagt kodene i maler , men når jeg legger kodene i stilsettet blir bare hele designet ødelagt!? kan du hjelpe meg med det ? kiira2000.blogg.no – kira.mizz@gmail.com :-D

penny kohani 29. juni 2011, kl. 20:50

hvordan endrer jeg fargen på navnet mitt som står over headeren, hvis du skjønner?

Malene 02. juli 2011, kl. 21:58

Eg finner ikke kodene eg skal bruke, kunne du ha hjelpa meg med å sette den over headeren? Kommenter på bloggen min om du kan!

Johannehustoft 07. juli 2011, kl. 21:53

Hei. eg Lurer på kordan man kan få videoene siden i linken? Og korleis mang kan få skrive i om meg. Og kordan man får linkene over headeren heile tida???

    Lisa 12. juli 2011, kl. 09:29

    Du kan lage en kategori og legge blogginnleggene med videoene dine inni den. Har skrevet en guide om det.
    For å få en side om deg kan du skrive et helt vanlig innlegg om deg. Hvordan du finner url-en og hvor du skal legge den inn står på denne siden. Hvis du skal ha menyen på alle sidene dine, så må du legge den inn i alle malene (forside, innlegg, kategori og arkiv).

Hanne 08. juli 2011, kl. 09:38

Hei, du! La inn denne, jeg. Men jeg får den ikke rett over «innleggene», siden jeg har tatt vekk headeren. Jeg får den med andre ord ikke helt rett, fra side til side. Den står litt skeivt til. Hvordan kan jeg endre dette?

    Lisa 10. juli 2011, kl. 16:06

    Flytt menyen under <div id=»doc2″>

    Gå til #meny i stilsettet ditt og fjern dette:
    margin-left: auto;
    margin-right: auto;

    Legg til dette under #meny {:
    float: right;

    Hvis du i tillegg endrer bredden på menyen til 665px så legger den seg på midten over innleggene.

Milla 12. juli 2011, kl. 20:04

Hei!
Jeg har brukt kodene herifra for å lage meny under headeren min, takk for dem :)
Men når jeg går inn på en kategori, f.eks «om meg» så forsvinner menyen.
Er det noen koder jeg kan legge til for at menyen skal repeteres gjennom alle innlegg og kategorier?

Håper på svar.
Mvh
Malin

    Lisa 12. juli 2011, kl. 22:49

    Du må legge inn menyen på alle malene (forside, innlegg, kategori og arkiv). Litt tungvint om du skal endre noe, men sånn er det :)

Anja 13. juli 2011, kl. 21:36

Hei. Jeg lurer på hvordan jeg får arkiv og kategorier inn i menyen. Jeg får til alt det andre, men ikke dette :)

Celine 24. juli 2011, kl. 14:26

hvordan bytter man farge på menyen ? og kan du vise hvordan man får menyen vannrett rett over eller litt innpå headeren på toppen? :-) hvis du skjønner

Karina 31. juli 2011, kl. 00:44

Hei, jeg har nettopp laget ny blogg igjen. Også skulle jeg sette inn en meny under headeren og det gikk jo, men når jeg skulle gå inn på »innlegg» så kom menyen, eller linkene oppå hverandre. Jeg lurte på om kanskje du kunne hjelpe meg og si hva som jeg skal gjøre med det? :) Takk på forhånd.

lina 06. august 2011, kl. 20:57

Hei, jeg har lagt til menyen , jeg lurer bare på om hvordan man får en boks rundt, nå ligger menyen liksom klint sammen på toppen , hvis du skjønner… ?
takk :)

Amalie 18. september 2011, kl. 10:31

Hei! Jeg har sett at mange blogger har slik meny der en holder over musepekeren på menyen over headeren så kommer kategorier og slikt ned på en lang liste. Hvordan gjør en slik??
-Amalie / http://www.ammi1.blogg.no

Lisbeth 28. september 2011, kl. 17:38

Heisann, jeg la inn koden, og la inn linkene, men når jeg trykker lagre, og går på bloggen, vises hele linken, hvordan kan jeg få bare navnet på kategorien til å vises ? Håper på svar fort.. <3

siri=D 29. september 2011, kl. 18:27

hvordan skriver mann i menyen*?

pim 03. oktober 2011, kl. 19:30

er dette her samme som dropdown meny? :)

Marie Nynäs 10. desember 2011, kl. 12:41

Det står bare:
Link Link Link Link Link
Hvordan kan jeg skrive noe annet uten at linkene blir ødelagt?
Takk.

Catharina :D 10. desember 2011, kl. 15:03

Hei! Jeg får ikke dette helt til for å si det sånn.. jeg legger inn de tingene men når jeg klikker på forhåndsvis så blir hele headeren borte! og menyen er der ikke… -.- Kan du hjelpe meg ?? Si hvordan jeg skal gjøre det da??

Elisabeth - Fotobloggeren 25. februar 2012, kl. 21:04

Kunne du laget koder om hvordan man får meny-knapper i selve headeren ? finner ikke koder noen steder på nettet..

Secret ;) 25. mars 2012, kl. 20:35

Jeg gjorde alt, men når jeg skulle ta det bort igjen gikk det ikke! Jeg skulle prøve å se om det gikk an å skrive kun »Om meg» f.eks, i stedet for at hele URL-koden skulle stå. Se på bloggen min så ser du hvordan det ble etter at jeg prøvde å få det bort igjen. Ps: Gjerne litt mer informasjon om hvordan man evt. kan skrive kun Om meg f.eks?

Elisabeth 31. august 2012, kl. 15:13

Takk :)

Men du?
Jeg vil gjerne ha mellomrom mellom menyen og headeren. Hvordan gjør jeg det. Gjerne svar meg på mail: Elisabeth.sjovold@live.no. Eller i kommentar om du liker det bedre ;)

Rebeckha 28. september 2012, kl. 22:27

Kan du skjekke bloggen min for det kommer i header’en så kommer det son at det står link link link link mange ganger så jeg får ikke skrivd forside og slikt der det står link i headeren plisssssss hjelp meg. jeg vil ha det riktig så fort som mulig…..
Har prøvd veldig lenge nå og har enda ikke fått det til piiiiiis hjelp meg :) ?

Armita 10. november 2012, kl. 21:55

Hei, jeg prøver å få lage meny, men det kommer masse tekst over headeren….
her er koden jeg brukte i Forsiden, innlegg, kategorier og Arkiv…:
#meny {
font-family: Pupcat;
font-size: 12px;
text-align: center;
width: 890px;
padding: 5px 0px 5px 0px;
background-color: #baffbf;
margin-left: auto;
margin-right: auto;
}
#meny a {
background-color: #baffbf;
color: #dedede;
padding: 5px 15px 5px 15px;
width: 100%;
margin: 0px 8px 0px 0px;
}
#meny a:hover {
color: #dedede;
background-color: #baffbf;
}

altså under

om dete r feil, kan du hjelpe meg O.o
Takk

Lea 24. desember 2012, kl. 13:16

Heihei :)
Det funker HELT supert ;)
Men jeg får bare ikke til Favicon! grr så irriternde!
Jeg har brukt designet ditt på 2 blogger :)
icompis.blogg.no
korpsnerdene.blogg.no

Tusen takk for kodene <3

Lea 09. januar 2013, kl. 22:41

jeg har fikk menyen til men så ble den kjempe liten etter jeg hadde redigert det RIKTIG fordi jeg gjort det før! så fixa jeg det også nå er den borte!
dette er bare øømm HACK!

Maja 03. februar 2013, kl. 21:37

Hei! Jeg har fikser litt på bloggdesignet for en venninne (www.stinaelisab.blogg.no), og så har jeg satt opp en meny under headeren slik hun ønsket. Men så spurte hun om jeg kunne lage en linje over og under denne menyen, slik som voe har på sin blogg (voeblogg.no). Har prøvd litt, men fikk ikke helt til – har du noen tips til hva jeg kan gjøre? Takk for hjelp :)

Maja 03. februar 2013, kl. 22:14

og while we’re at it – på min egen blogg (maja170), kan du se hvorfor alle lenkene blir bold/fete? har prøvde å fjerne «font-weight: bold;» under h3, men det var bare overskriftene («kategorier», «arkiv» etc) i sidebaren som ble vanlige da, lenkene var fortsatt bold..

Siri 16. mars 2013, kl. 19:27

Heisann, jeg holder på å fikse bloggen for ei venninne. Jeg har fulgt bruksanvisningen din her, men når jeg forhåndsviser eller lagrer forsvinner headeren og det er bare linkene i menyen som står der. Hva skal jeg gjøre?

    Lisa 16. mars 2013, kl. 23:13

    Høres ut som det er noe feil i kodene. Kan jeg få bloggadressen til venninnen din slik at jeg kan se hva som er galt?

      Siri 17. mars 2013, kl. 12:04

      Adressen er love94.blogg.no
      Nå har jeg lagret designet så det overskrider kodene da. Sånn at hun får ha headeren som vanlig.

Siri 17. mars 2013, kl. 12:15

Hei igjen, jeg prøvde igjen nå og da funket det :) Vet ikke hva som var galt første gang, men tusen takk for kodene :)

Emmis 21. mai 2013, kl. 09:31

har gjort det men når jeg trykker på menyene kommer det opp sånn error! Så kan du fortelle meg hvordan jeg får en side når jeg trykker på frk.s om meg? hjelp

hedda&emma 12. august 2013, kl. 01:08

hei jeg har sett at andre blogger får kategoriene sånn at hele inleggte vises og alle. men på min så er det sånn at du mår trykke på innlegget får at den skal komme opp. er det noe og gjøre for og få fjernet det?

helenekskdesiign 14. september 2013, kl. 19:58

driver å lager et design med denne koden, og hvorfor er det slik at de er nedover.. http://helenekskdesiign.blogg.no/ dette er bloggen jeg lager det på

Kenny 24. november 2013, kl. 12:54

Hvordan får jeg linkene i menyen?

Marie Wendel 15. desember 2013, kl. 16:17

Hei! Når jeg skal endre på størrelsen osv på knappene så endrer det seg ikke! Jeg limte inn kodene nederst i stilsett, men er der riktig?

Skriv en kommentar

E-postadressen din vil ikke bli publisert. Påkrevde felt er markert med *.

*


Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Søk

 

Nerdie.me Design Proudly powered by WordPress