MENY UNDER HEADER

Heisann dere!
Jeg tenkte at jeg hadde lyst til å hjelpe dere med å få meny under headeren, siden jeg kommer til å få det om noen minutter, og da kommer det sikkert til å være en del som også har lyst til å ha det. Så da slipper jeg alle de spørsmålene :-)
Her kommer det:

Gå inn på Design -> Rediger -> Maler. Så trykker du Ctrl + F (samtidig) og skriver inn BlogDescription å trykker på enter. Rett under BlogDescription står det </div>. Det er under </div> er hvor du skal plassere denne koden:

<div class="mattblacktabs">
<ul>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="ULR-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
</ul>
</div>

Der det står "linken din" plasserer du linken til de forskjellige innleggene du skal ha der.

Det er så så mange ganger dette står, det er knapper du får på menyen din:
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
Du skriver navnet du vil ha på knappen der det står "navn på knappen" og url-adressen der det står "url-adresse"
Jeg har jo lagd et innlegg som heter kontakt og tatt url-adressen til det der det står url-adresse.
Når du har plassert den koden må du ta og plassere denne NEDERST inne på Maler:

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

</style>


Så til slutt lagrer du, selvfølgelig. Og har du gjort alt dette skal menyen være OK.
kilde; 
www.fredrikkefevang.blogg.no :)

Edit: Jeg bruker en annen kode, så hvis det er noen lesere som vil vite om den, så er det bare å skrive kommentar på dette innlegget, også kan jeg helt sikkert legge ut den koden også :-)

2 kommentarer

Elisabeth Tønnessen

04.jan.2010 kl.01:13

NEI , du må ikke bruke den koden , den er jo bare mest stress! gå inn på www.quizza.blogg.no , hun hjelper med kjempe brae design koder!

susannlarseen

04.jan.2010 kl.01:15

taha, tusen takk! :-)

Skriv en ny kommentar

susannlarseen

susannlarseen

14, Drammen

ei glad jente :-)

Norske blogger

Kategorier

Arkiv

hits