topnav

font-weight: GEWICHT;


background-color: #FARBE;


Ändert die Hintergrundfarbe der Userfunction.
Für FARBE kann eine Farbe (englisch) oder eine Hexadezimal Angabe gemacht werden.


background oder 
background-image: url(BILD-LINK.png);


BILD-LINK kann durch die URL eines vorher hochgeladenen Bildes ersetzt werden, dieses Bild erscheint als Hintergrund-Bild in der topnav.


background-repeat: WIEDERHOLUNG;


background-position: POSITION;


border: ANZEIGE;


height/width: ZAHL px;

Für GEWICHT kann eine Angabe für den Schweregrad der Schrift angegeben werden. Damit wird die Schrift fettgedruckt oder auch hauchdünn. Erlaubt sind: bold = fett. bolder = extrafett. lighter = dünner. 100,200,300,400,500,600,700,800,900 = extra-dünn (100) bis extrafett (900). normal = normales Schriftgewicht.

WIEDERHOLUNG ist zu ersetzen duch: repeat = wiederholen (Voreinstellung). repeat-x = nur "eine Zeile lang" waagerecht wiederholen. repeat-y = nur "eine Spalte lang" senkrecht wiederholen. no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.

Legt den Punkt fest, an dem der Hintergrund festgelegt werden soll. Einzusetzen sind: top = oben bottom = unten right = rechts left = links center = zentriert, mittig Es können außerdem auch selbst Angaben gemacht werden, wie z.B. background-position: 30px 30px; Der erste Wert steht für die horizontale, der zweite für die vertikale Position. Das bedeutet in diesem Fall, das Bild wird 30px von der oberen Kante und 30px von der linken Kante ab festgelegt.

Mit der Border Angabe kann ein Rahmen um das Element gezogen werden. Wird nur border angesprochen, wird damit der gesamte Rahmen gemeint, es können allerdings auch einzelne Rahmenteile angesprochen werden mit: border-top definiert eine zusammenhängende Angabe für oben, border-right für rechts, border-bottom für unten und border-left für links. Via Hexadezimal oder auch einfacher Farbangabe kann der Rahmen eingefärbt werden. Gleichgesetzt kann ihm auch eine px angabe zugeordnet werden, die die Breite des Rahmens festlegt. Es gibt außerdem verschiedene Rahmen-Typen: none = kein Rahmen (bzw. unsichtbarer Rahmen). hidden = kein Rahmen (bzw. unsichtbarer Rahmen). dotted = gepunktet. dashed = gestrichelt. solid = durchgezogen. double = doppelt durchgezogen. groove = 3D-Effekt. ridge = 3D-Effekt. inset = 3D-Effekt. outset = 3D-Effekt. So würde beispielsweise ein Rahmen mit der Angabe: border: 1px solid white; 1px stark sein, durchgehend und weiß.

Für ZAHL kann eine Zahl angegeben werden, die dann die Höhe bzw Breite des Elements bestimmt.

Diese Seite bearbeiten