Link#1
XX XX XX XX XX XX XX Layout & Coding

nightmare-scream

Navierklärung

Wie eine Navigation aufgebaut ist

A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: SCHRIFTART;
font-size: 0px;
background-color: #FARBCODE;
margin-bottom: 0px;
border-solid: 0px dotted #FARBCODE;
border-left: 0px solid #FARBCODE;
border-top: 0px dotted #FARBCODE;
border-right: 0px solid #FARBCODE;
letter-spacing: 0px;
color: #FARBCODE;
text-transform:uppercase;
text-align: center;
line-height: 0px;
padding-bottom: 0px;
padding-top: 0px;}

A.navi:hover {
display: block;
font-family: SCHRIFTART;
font-size: 0px;
background-color: #FARBCODE;
margin-bottom: 0px;
border-bottom: 0px dotted #FARBCODE;
border-left: 0px solid #FARBCODE;
border-right: 0px solid #FARBCODE;
border-top: 0px dotted #FARBCODE;
letter-spacing: 0px;
text-align: center;
color: #FARBCODE;
line-height: 10px;}


Ich werde euch erklären wie eine ganz normale Navigation aufgebaut ist.

Der erste Block ist, wenn man die Navigation als erstes sieht.
Wenn man sie 'benutzt' und rüber fährt ist der 2te Block dafür verantwortlich. (Navi Hover)

Font-Family: Dort kannst du auswählen welche Schriftart die Navigation haben soll.
Font-Size: Hier kannst du die größe deiner Navi-Schrift auswählen
Background-Color: Hier kannst du auswählen welche Farbe der Navi Hintergrund haben soll
hier ein Beispiel: #cccccc (das wäre ein helles Grau)
Margin-Bottom: Auswählbar wie groß der Unterschied zur nächsten Naviauswahl ist.
Hier um es verständlicher zu machen: Klick
Border-Solid: Wenn du unten bei der Navi einen Strich möctest (solid) oder Pünktchen (dotted) haben möchtest
gibst du dort die Dicke ein.
Ums verständlicher zu machen: Klick
Border-Left: Hier kannst du wählen ob du seitlich (links) einen dicken oder weniger dicken Streifen haben möchtest.
Beispielsweise so: Klick
Border-Top: Ist wie Border-Solid/Dotted nur das der Strich/die Punkte oben sind
Border-Right: Ist wie Border-Left nur das der Strich rechts ist
Letter-Spacing: Wie weit die Buchstaben voneinander entfernt sind
Text-Transform: Du kannst auswählen ob in der Navi alles klein (lowercase), alles groß (uppercase)
oder nur der Anfangsbuchstabe groß geschrieben soll (capitalize). Du kannst es aber auch unverwendet lassen (none)
Text-Aligan: Soll der Navitext links (left), rechts (right) oder in der Mitte (center) sein? Hier kannst dus auswählen.
Line-Hight: Die Breite der Navigation. Beispiel: Klick
Padding-Bottom: Unterer Abstand von der Schrift. Beispiel: Klick
Padding-Top: Genau das gleiche wie bei Padding-Bottom nur das der Abstand oben ist

Statt Background-Color kannst du auch ein Bild benutzen. Dann musst du aber background-color: #FARBCODE; mit
background-image: url('http://BILDLINK'); austauschen.

Bitte Creditlink nicht vergessen wenn ich euch holfen konnte.
Und wenn ihr die Navigation von mir benutzt.


Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden