MUNKY

1. Gå in på din stilmall

2. Lägg in följade kod LÄNGST NER i stilmallen och klicka sedan på spara!

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.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; /*Ändra till right om du vill ha flikarna till höger*/

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 */

}

3. Gå sedan in på dina kodmallar.

4. Lägg in följade kod precis ovanför <div id="content"> Ersätt "adressen till sidan" med den länk dit du vill att du ska komma när du klickar på fliken. Byt sedan ut namnet >Länk 1< till det du vill att det ska stå i rutan. Tex.

<li><a href=".....blogg.se/cat....">Munky</a></li>

<div class="mattblacktabs"> <ul> <li><a href="adressen till sidan">Länk 1</a></li> <li><a href="adressen till sidan">Länk 2</a></li> <li><a href="adressen till sidan">Länk 3</a></li> <li><a href="adressen till sidan">Länk 4</a></li> <li><a href="adressen till sidan">Länk 5</a></li> </ul> </div>

Om du vill ha fler länkar än såhär så är det bara att följa mönstret och lägga in det mellan <ul> och </ul>

Såhär kan det då alltså se ut!

5. Lägg nu in detta i alla dina kodmallar!

7. Om du vill ändra utseendet på dina flikar så hittar du det i STILMALLEN, inte i kodmallen alltså. Med andra ord, det vi la in i steg två.

Lycka till!