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 vre en del som ogs har lyst til ha det. S da slipper jeg alle de sprsmlene :-)
Her kommer det:

G inn p Design -> Rediger -> Maler.Strykker du Ctrl + F (samtidig) og skriver inn BlogDescription trykker p enter.Rett underBlogDescription str det </div>. Det erunder </div> er hvor du skal plassere dennekoden:

<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 str "linken din" plasserer du linken til de forskjellige innleggene du skal ha der.

Det er s s mange ganger dette str,det erknapper du fr p menyen din:
<li><a href="URL-ADRESSE">NAVN P KNAPPEN</a></li>
Du skriver navnet du vil ha p knappen der det str "navn p knappen" og url-adressen der det str "url-adresse"
Jeg har jo lagd et innlegg som heter kontakt og tatt url-adressen til det der det str url-adresse.
Nr 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, selvflgelig.Og har du gjort altdette skal menyen vre 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 Tnnessen

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