Navigation erstellen



Hallo. Hier zeige ich euch ein Tutorial zum erstellen einer Navigation! :)

1# Ihr geht unter "Vorlage" und öffnet euren html bereich. 

2# Dort sucht ihr mit Strg+F nach #footer und fügt darunter folgendes ein:
( wenn es den Teil nicht geht dann sucht mal nach /* Headings und gügt es darüber ein )


/* Navigation
----------------------------------------------- */
a.navi {
padding-top: 1px;
padding-left: 8px;
margin-bottom: -9px;
display: block;
border-bottom: 1px solid #ddd;
letter-spacing: 3px;
font: normal 11px verdana;
color: #989898;
background:#eee;
text-align: center;
text-transform: lower case;
line-height: 14px;
text-shadow: 1px 1px 0px #eee;
}

( hier könnt ihr Farbe, breite, höhe etc. ändern wie es euch gefällt )

3# Nun speichert ihr und geht zu Layout/ Gedget hinzufügen / html Java-script
( positioniert es dort wo die Navigation hin soll )

4# Ihr füght folgenden Code ein:

<center><br /><div id="navi"><div style="text-align: center;"><a class="navi" href="LINK1">TEXT</a>&nbsp;<a class="navi" href="LINK2">TEXT</a>&nbsp;<a class="navi" href="LINK3">TEXT</a>&nbsp;<a class="navi" href="LINK4>TEXT</a>&nbsp;</div></div></center>

Bei LINK1 , LINK2 und so weiter, kommt der Link rein, wohin euer button fühern soll.
Bei TEXT der Name des Buttons! 

Dann seid ihr auch schon Fertig! 
Bei Fragen : Franca.Th@hotmail.de




 
francas design |