Vill du ha en horisontell meny under din header?
1. Klicka dig in på "Design" och vidare till "Kodmallar".
2. Under:
<div id="header">
<h1>${BlogTitle}</h1>
<h2>${BlogDescription}</h2>
</div>
KOPIERA OCH KLISTRA DU IN:
<ul id="navbar">
<li> <a href="Länkadress1"> Rubrik1 </a> </li>
<li> <a href="Länkadress2"> Rubrik2 </a> </li>
<li> <a href="Länkadress3"> Rubrik3 </a> </li>
<li> <a href="Länkadress4"> Rubrik4 </a> </li>
</ul>
3. "Spara kodmall".
4. Gå nu in på din "Stillmall" och klista in följande längst ned:
5. "Spara stillmall"
6. Nu kan du gå in i din "kodmall" igen och lägga in dina egna länkar och så.
Där det står "Rubrik1" skriver du in vad det ska stå i menyn.
O där det står "Länkadressen" skriver du just in din länkadress..
<li> <a href="Länkadressen1"> Rubrik1 </a> </li>
Du kan självklart också ändra utseendet på menyn i stillmallen
KOPIERA OCH KLISTRA DU IN:
<ul id="navbar">
<li> <a href="Länkadress1"> Rubrik1 </a> </li>
<li> <a href="Länkadress2"> Rubrik2 </a> </li>
<li> <a href="Länkadress3"> Rubrik3 </a> </li>
<li> <a href="Länkadress4"> Rubrik4 </a> </li>
</ul>
3. "Spara kodmall".
4. Gå nu in på din "Stillmall" och klista in följande längst ned:
#navbar {
margin: 0;
padding: 0;
height: 25px; }
#navbar li {
list-style: none;
float: left;
height: 25px;
} /* Ändra till right om du vill ha menyn till höger istället*/*
#navbar li a {
display: block;
height: 25px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:0px;
border-left: 1px solid #ffffff;
border-bottom: 0px solid #ffffff;
background-color: #cccccc; /*Ändra färgen på menyflikarna här*/
color: #000000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: verdana; /*Ändra typsnittet här*/
font-size: 15px; } /*Ändra storleken på texten här*/
#navbar li a:hover {
color:#fff; /*Ändra färgen på texten vid mouseover*/
background-color: #666; /*Ändra bakgrunden på menyn vid mouseover*/
}
5. "Spara stillmall"
6. Nu kan du gå in i din "kodmall" igen och lägga in dina egna länkar och så.
Där det står "Rubrik1" skriver du in vad det ska stå i menyn.
O där det står "Länkadressen" skriver du just in din länkadress..
<li> <a href="Länkadressen1"> Rubrik1 </a> </li>
Du kan självklart också ändra utseendet på menyn i stillmallen
23 Juli 2011 kl. 17:05
Tack så jättemycket för hjälpen! :))