Flikar i överkanten av headern



1. Kopiera koden nedan (markera och klicka Ctrl + C för att kopiera)

<ul id="navbar">
<li><a href="http://miniimartina.blogg.se">Rubrik 1</a></li>
<li><a href="http://miniimartina.blogg.se">Rubrik 2</a></li>
<li><a href="http://miniimartina.blogg.se">Rubrik 3</a></li>
<li><a href="http://miniimartina.blogg.se">Rubrik 4</a></li>
<li><a href="http://miniimartina.blogg.se">Rubrik 5</a></li>
<li><a href="http://miniimartina.blogg.se">Rubrik 6</a></li>
</ul>

2. Gå in under design -> kodmallar och klistra in under <div id="header">

OBS glöm inte klistra in koden på alla kodmallar!


 

3. Kopiera koden nedan, gå sedan in under design -> redigera stilamll och klistra in koden längst ner!

 

#navbar{
margin-top: -80px;  /*Ändra avstånd från toppen*/
margin-right: -6px;  /*Andra avstånd från höger*/
height: 1em;
}

#navbar ul{
margin: 0;
padding: 0;
list-style: none;
}

#navbar li{
display: inline;
margin: 0;
float: right;  /*Ändra till left för att få flikarna till vänster*/
}

#navbar li a{
Background: #ffffff;  /*Bakgrundsfärg på flikarna*/
margin: 0;
margin-right: 4px;  /*Marginal mellan flikarna*/
display : block;
padding : 3px 6px;
color : #000000;  /*Textfärg på länkarna*/
font-family : Georgia; /*Typsnitt*/
font-size : 24px;}  /*Storlek på rubrikerna*/
}

#navbar li a:visited{
color: white;
}

#navbar li a:hover, .navbar li.selected a{
background: #ed6ea3;  /*Bakgrundsfärg när man svävar över flikarna*/
color: white;  /*Textfärg när man svävar över flikarna*/
display: block;
}

 

 

Lite feedback uppskattas då du använt dig av ett av mina design tips :)

Kommentarer:

1 Elise:

skriven

så ser det inte ut på denna datorn :S här ligger det uppe i vänster hörn och så är det bara punkter med text...

2 sofie:

skriven

Tack så mycket ! :)

3 Emilia:

skriven

Fint det blev :D

4 Anonym:

skriven

fin blogg du har gör du blogg designer ? vi är bara ute efter en ganska så enkel header ? ha en bra dag



kramar

5 elin:

skriven

tack, dina tips har varit till mycket stor hjälp! fortsätt gärna att skriva ännu mer tips om du vill! :) tack igen!

6 Patricia:

skriven

Hon har ju lösenskydd på bloggen :(

7 Cornelia:

skriven

hon har låst blogg ju ?

8 Mathilda & jennie:

skriven

hej behöver hjälp det går inte.. hade detta nyss på min blogg men nu är det borta? hur gör jag?

Svar: Ber om ursäkt för sent svar! Men vad jag kan se så har du lyckats med flikarna :)
Martina

Kommentera här: