Dropdown meny - Siste innlegg, kategorier, arkiv og linker

Først limer du denne koden øverst i stilsettet, det kommer ikke noen endringer på bloggen før du har limt inn kodene som skal i malen.

#meny {
float: right;
width: 625px;
padding: 20px 0px 0px 0px;
margin-top: 0px;
}
#navbar {
margin-top: auto;
margin-left: auto;
}
#navbar li {
list-style: none;
float: left;
height: 20px;
}
#navbar li a {
display: block;
padding: 5px 5px 5px 5px; /*mellomrom mellom knappene*/
background-color: #ffffff; /*bakgrunnsfarge på hele menyen*/
color: #695855; /*farge på skriften i menyen*/
text-decoration: none;
font-family: calibri; /*skrifttype*/
font-size: 11px; /*skriftstørrelse*/
font-weight: normal;
text-transform: none;
}
#navbar li ul {
display: none;
width: 173px; /*bredden på menyknappene som kommer ned*/
background-color: #ffffff; /*fargene på menyen som kommer ned*/
}
#navbar li ul li {
margin: 5px 0px 0px 0px;
}
#navbar li a:hover {
font-weight: normal;
}
#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 ul li a{
padding: 4px 21px 4px 15px;
background-color: transparent;
color: #4e4e4e; /*farge på linkene i menyen som kommer ned*/
}
#navbar li ul li a:hover {
background-color: #808080; /*bakgrunnsfarge når man holder over knappene som kommer ned*/
color: #ffffff; /*farge*/
}

 

Denne koden skal inn i malene, forsiden, innlegg, kategori og arkiv.


<div id="meny">
<ul id="navbar">
<li><a href="#">Siste innlegg</a>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</li>
<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}" class="nav">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Arkiv</a>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>
<li><a href="#">Linker</a>
<ul>
<tag:linklist>
<li><a href="${LinkURL}">${LinkName}</a></li>
</tag:linklist>
</ul>
</li>
</div>

 

Den koden som skal i stilsettet kan du forandre fargene på, det står forklart bak der du trenger og forandre.

Sol Storkaas

21.07.2011 kl.21:09
Kunne du kanskje lagt ut koden til Organic tabs meny? :) Har sett mange blogger som har det, og kunne gjerne hatt det selv. Så hadde vært fint hvis du kanskje kunne gjort det? :)

Lill-Marte Sætre Kleppe

21.07.2011 kl.21:16
Sol Storkaas: jeg er på ferie og har bare tilgang til mobilinternett nå! skal se når jeg kommer hjem..

Stefania

13.09.2011 kl.18:46
Hvordan endrer jeg bredden sa den blir like lang som headeren f.eks 950px? Har provd alt men gar ikke..

Lill-Marte Sætre Kleppe

13.09.2011 kl.18:58
Stefania: ehm.. prøv å endre på paddingen under #navbar li a. Det står 5px på alle, prøv å ta på mer på den i midten og den siste.

nzh

16.12.2011 kl.15:13
Tusen takk for kode! Hjalp veldig. Var litt vanskelig forklaring, men antar det ikke går ann å forklare det lettere.. Takk uansett :)

Lill-Marte Sætre Kleppe

16.12.2011 kl.22:47
nzh: bare hyggelig :)

Battiflatti

21.12.2011 kl.15:52
Hvor skal jeg lime inn HTML koden?

Lill-Marte Sætre Kleppe

22.12.2011 kl.20:11
Battiflatti: les guiden bedre.

Sigrun

01.02.2012 kl.20:33
hei igjen marte! Ja kandu legge ut organic tabs koder? hih :)

Lill-Marte Sætre Kleppe

01.02.2012 kl.21:08
Sigrun: Får se når jeg begynner på igjen

Daniel Sivertsen

26.02.2012 kl.20:43
Hvordan kan jeg få menyen midt på bloggen ?

Daniel Sivertsen

01.03.2012 kl.17:47
Hvorfor godkjenner du kommentaren min,uten og svare på den ? ://

Lill-Marte Sætre Kleppe

01.03.2012 kl.18:52
Daniel Sivertsen: om du hadde lest over kommentarfeltet så hadde du visst at jeg ikke svarer på spørsmål om design

Daniel Sivertsen

01.03.2012 kl.22:32
Ojja,unskyld ;P

Men du har en utrolig fin blogg,at du aner det ikke ! :D

Lill-Marte Sætre Kleppe

02.03.2012 kl.09:28
Daniel Sivertsen: hehe, takk for det :)





leser bloggen nå!

Norske blogger Blogglisten








Pyntdeg.no



hits