Meny under/over header - måte 2

 

Her er en litt lettere og mindre avansert måte å få en meny under eller over headeren din.

Lim denne koden:

<div id="meny">
<a href="Link/URL"> Navn på knapp </a>
<a href="Link/URL"> Navn på knapp</a>
<a href="Link/URL"> Navn på knapp </a>
<a href="Link/URL"> Navn på knapp </a>
<a href="Link/URL"> Navn på knapp </a>
<a href="Link/URL"> Navn på knapp </a>
</div>




Du kan trykke Ctrl + F, og søke på header, lettere og finne frem da. 

Du kan ta bort eller legge til <a href="Link/URL"> Navn på knapp </a> dersom du vil ha mer/mindre knapper.  

Etter du har gjort det, så limer du dette inn i stilsettet, jeg har det øverst.


#meny {
font-family: arial;
font-size: 12px; /* Størrelse på teksten */
text-align: center;
width: 890px; /* Bredde på hele menyen */
padding: 5px 0px 5px 0px;
background-color: #707070; /* Bakgrunnsfarge bak hele menyen*/
margin-left: auto;
margin-right: auto;
}
#meny a {
background-color: #707070; /* Bakgrunnsfarge */
color: #ffffff; /* 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: #808080; /* Farge på linken når du fører pekeren over */
background-color: #FFFFFF; /* bakgrunnsfarge på knappen */
}

Da skal du ha fått en meny over eller under headeren. Prøv deg frem!

 

 

Erikans

02.03.2011 kl.17:34
HEI!

Funket flott! Men jeg lurer på, hvordan får jeg innleggene jeg skal ha inn under en kategori, på plass?
Jeg fikk det ikke til, kan du hjelpe meg? Jeg kan sende deg passord og sånt, så fikser du det til meg?

Takk på forhånd. :) Sender det på brev jeg. :)

Fang P.O

15.11.2011 kl.18:49
Heei

Det funka fint ! :) men hvordan får jeg innleggene jeg skal ha inn under en kategori, på plass ?!:)

Lill-Marte Sætre Kleppe

15.11.2011 kl.21:13
Fang P.O: Om du går på html/css finner du hvordan du legger ett innlegg under en kategori :)

Fang P.O

20.11.2011 kl.20:17
Unnskyld men jeg forstår ikke .. :/

Lill-Marte Sætre Kleppe

22.11.2011 kl.17:57
Fang P.O: Det er nok den beste måten jeg kan forklare det på..

Ida Underberg

08.01.2012 kl.16:45
Hei! Jeg fikk til nesten alt, jeg skrev dette f.eks Om Meg, men når jeg trykker på den står det denne siden finnes ikke, hvordan får jeg en side der det står om meg da? <3 Kan du skrive det på en innlegg på bloggen min?

Gina

24.03.2012 kl.11:07
Utrolig gode tips du legger ut! Tusen takk! De hjelper veldig mye! :))

Øver meg på å lage design her: www.ginackdesign.blogg.no, og dine koder hjelper masse.

Utrolig fin blogg også!

Lill-Marte Sætre Kleppe

24.03.2012 kl.14:13
Gina: tusen takk :)





leser bloggen nå!

Norske blogger Blogglisten








Pyntdeg.no



hits