GraphiX

 

So.. nachdem ihr euer Layout in euer Script eingefügt habt,

kommt nun die Navigation..

Wie das geht, erkläre ich euch hier ;3

 

Ihr fügt folgenden Code nach den Texteffekten und vor der Textarea ein:

 

A.navi:link, A.navi:active, A.navi:visited {

display: block;

padding-left: abstand navi-content(px);

font-family: schriftart;

font-size: schriftgröße(px);

color: #textfarbe;

background-color: #hintergrundfarbe;

margin-bottom: abstand navizeile-navizeile(px);

border-bottom: 1px solid #navirandfarbe;

text-transform:uppercase;

letter-spacing: abstand zwischen den buchstaben(px);

text-align: ausrichtung des textes;

line-height: navigationszeilenhöhe(px);}

A.navi:hover {

display: block;

padding-left: abstand navi-content(px);

font-family: Schriftart;

font-size: Schriftgröße(px);

color: #textfarbe;

background-color: #hintergrundfarbe;

margin-bottom: abstand navizeile-navizeile(px);

border-bottom: 1px solid #navirandfarbe;

text-transform:uppercase;

letter-spacing: abstand zwischen den buchstaben(px);

text-align: ausrichtung des textes;

line-height: navigationszeilenhöhe(px);}

 

 

Erklärung:

 

 A.navi:link, A.navi:active, A.navi:visited { : Eigenschaften der Navigation

display: block;: Navigation ist blockartig (untereinander) angeordnet

padding-left: Abstand der Navigation zum Content

  • left: links
  • right: rechts
  • bottom: unten
  • top: oben


font-family:
ist die Schriftart

font-size:
ist die  Schriftgröße (in px)

color: #ist die Textfarbe

background-color:
#ist die Hintergrundfarbe

margin-bottom:
Der Abstand von einer Navizeile zur nächsten  (in px)

  • left: links
  • right: rechts
  • bottom: unten
  • top: oben

border-bottom/left/right/top: ist der Navirand

  • solid: normal
  • dashed: gestrichelt
  • dotted: gepunktet
text-transform:uppercase;: Die Schrift wird nur in Großbuchstaben angezeigt (wenn ihr sie auch in Kleinbuchstaben wollt, einfach weglassen ;x)

letter-spacing:
ist der Abstand zwischen den Buchstaben (in px);


text-align:
Ausrichtung des Textes
  • left: links
  • center: mitte
  • right: rechts

line-height: Die Höhe einer Navigationszeilen (in px)

A.navi:hover: Code für die Eigenschaften der Navi, wenn man über sie drüberfährt

 

Gut, das war der Code für die Eigenschaften eurer Navi ;3

Wenn ihr die Navigation einfügen wollt, fügt ihr einfach folgenden Code nach eurem Layout ein: 

____________________________________________________________

"<div style="overflow: visible; position: absolute; width: breite(px); height: höhe(px); left: links(px) ; top: oben(px) ">

"<a xhref="http://textseitenurl" class="navi">Navititel</a>
____________________________________________________________

Erklärung:

"<div style="...": Position der Navigation

  • width: Breite (px)
  • height: Höhe (px)
  • left: von Links (px)
  • top: von oben (px)


http://textseitenurl :
Den Link zu eurer Textseite

Navititel: Der Titel der Navi (das, was dann in der Navi steht)

Wollt ihr nun mehrere Navigationszeilen, müsst ihr diesen Code einfach mehrmals wiederholen  

____________________________________________________________

"<a xhref="http://textseitenurl" class="navi">Navititel</a>

____________________________________________________________

Nachdem ihr das nun eingefügt habt, schließt ihr diesen tag einfach,

indem ihr nach der Navi einfach "</div> "</body> "</html> noch eingebt.. (Ohne diese Anführungszeichen natürlich ;x)

Und nun habt ihr eure eigene Navigation

... und sogar euer ganzer HTML Code ist fertig x.x

Hoffe konnte euch hiermit helfen ;3

Home
Webmiss
Contact
G-Book
Gratis bloggen bei
myblog.de