2011-04-17 | 13:44:43
flikar under headern?
1. Kopiera denna kod och klistra in den längst ner i din stillmall.
/*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: 20px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana;
list-style-type: none;
}
.mattblacktabs li{
display: inline;
margin: 1;
}
.mattblacktabs li a{
float: left; /*Ändra till right om du vill ha flikarna till höger*/
display: block;
text-decoration: none;
margin: 1;
padding: 10px 56px; /*padding inside each tab*/
border-right: 10px solid white; /*right divider between tabs*/
color: WHITE;
background: #ffffff; /*background of tabs (default state)*/
}
.mattblacktabs li a:visited{
color: black;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: white; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /* <-- ändra linjen under flikarn aoch inlägget*/
}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 20px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana; <-- ändra typsnitt och storlek på fliken
list-style-type: none;
}
.mattblacktabs li{
display: inline;
margin: 1;
}
.mattblacktabs li a{
float: left; /*Ändra till right om du vill ha flikarna till höger*/
display: block;
text-decoration: none;
margin: 1;
padding: 10px 56px; /* <-- ändra längen och bredden på fliken*/
border-right: 10px solid white; /*right divider between tabs*/
color: WHITE;
background: #ffffff; /*<-- ändra färg på fliken*/
}
.mattblacktabs li a:visited{
color: black;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: white; /*<-- ändra färg när du ha musen över fliken */
och spara!
2. Klistra in denna kod och klistra in denna i kodmall över <div id="content">
du ska klistra in denna kod i alla, alltså framsida, inläggsida, kategori sida, arkivsida
<div class="mattblacktabs">
<ul>
<li><a href=" klistra din din länk"> namn på fliken 1 </a></li>
<li><a href="
klistra din din länk
">
namn på fliken 2
</a></li>
<li><a href="
klistra din din länk
">
namn på fliken 3
</a></li>
<li><a href="
klistra din din länk
">
namn på fliken 4
</a></li>
<li><a href="
klistra din din länk
">
namn på fliken 5
</a></li>
</ul>
</div>
3. HUR DU HITTA LÄNKEN?
Om du har kategori, så klickar du och kopiera länken :)
GLÖM INTE ATT SPARA!
så va det färdigt!
0 Kommentarer