itHorisontell dropmeny ovanför headern
Så jag tänkte visa hur man gör.
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*/
Jag har lagt min precis under <div id="wrapper">. Men man kan lägga den var man vill.
<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>
<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.
Linnea
Ohh..Tack så jättemycket!!! Jag har pysslat med detta i timmar men de blir fel men kommer snart fixa de. Du är väldigt snäll som tipsar om saker för andra och förlåt om jag frågar igen men jag vill ha en så snygg blogg som du har hur har du gjort boxarna på sidorna av bloggen ?
Rita
Tack för att du delar med dig, det här ska jag försöka mig på, det är ju så snyggt =)
Kram/Rita
Anna
Fett snygg! Jag ndrar bara om du kan göra en header också? Om du vill??
GÖZDE;
Åh tacktacktack :D
förlåt för sent svar!
Rita
Tack för den lättförståeliga instruktionen. Den var superbra, så nu har jag lagt in en sån header. Naturligtvis har jag också talat om var den kommer ifrån =)
Tack återigen!
Kram/Rita
Felicia
Jag gör exakt som det står men det blir fel :( jag får sån punkt lista. Vad ska jag göra ?
18:52:10
fanny
hejhej!
jag har fått upp dom kategorierna där uppe och länkarna men jag kan inte byta namn på dem. jag vet inte hur man gör, hade du kunnat hjälpa mig att ändra namn ?
för jag vill ha andra namn där uppe, så man kan trycka till bilder m.m. men adda mig på msn ': klumplugg@hotmail.com , så om du vill, kan du hjälpa mig? :)
Linn ♥
hej :]
Jag får det inte att funka på min blogg?
Det blir bara knas, skulle du kunna hjälpa mig att fixa menyn ovanför headern? :D
Simon
Tack så jätte jätte mycket, det hjälpte mig verkligen..
22:11:56
Simon
Hej!
Tack så jätte jätte mycket för hjälpen!
Har letat efter detta jätte länge, och nu äntlingen.
Haft en bra dag ?
Jag får inga menyer utan punkter mera, hur ska jag göra? :(
20:50:19
Elin
Tack så himla mkt ;* Jag blev verkligen glad när jag såg det funka <3
Nu:
