Tutorial - Navigation - Horizontal
Horizontale Navigationen erweitern die gestalterischen Möglichkeiten um ein Vielfaches.
Als aller Erstes brauchst du wie auch bei jeder anderen Navigation einen Grundcode den ihr in eure Style.css einfügt.
Er besteht aus 3 verschiedenen Anteilen:
Diesen Code fügst du nun einfach in deine Style.css ein.
Jetzt musst du deine Navigation natürlich auch auf deine Seite bekommen. Das machst du mit folgendem Code:
1.
Navigation li = Bedeutet das die Navi nebeneinander platziert ist.
Navigation a = Eigenschaften der Navi [Farbe etc.].
Navigation a:hover = Hovereigenschaften der Navi [Farbe etc.] beim berühren mit der Maus.
2.
ul id = navigation = Befehl zur horizontalen Auflistung der Navi.
id = navigation = Zuvor erstellten Befehle der Navi in der style.css werden übernommen.
http://URL DER TEXTSEITE = Seite die sich öffnen soll.
TITEL = Text der in der Navi erscheint & auf den man klickt..