tabnav

<table border="0px" width="600px">
<tr><td width="300px" style="vertical-align:top;">
text-transform: <font color="orange">FORM</font>;
</td><td>
Für <font color="orange">FORM</font> kann eine Angabe zur Groß- und Kleinschreibung gemacht werden. So können alle Buchstaben klein oder auch groß angezeigt werden.
Erlaubt sind:<font color="grey">
capitalize = Wortanfänge als Großbuchstaben.
uppercase = Nur Großbuchstaben.
lowercase = Nur Kleinbuchstaben.
none = normal (keine Text-Transformation).</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
background-color: <font color="orange">#[/b]FARBE</font>;
</td><td width="400px">
Ändert die Hintergrundfarbe der tabnav.
Zu beachten ist hierbei, dass die tabnav Links vor der tabnav liegen und diese Farbe damit kaum zusehen sein könnte.
Für <font color="orange">FARBE</font> kann eine Farbe (englisch) oder eine <a href="http://www.colorpicker.com" target="_new">Hexadezimal[/url] Angabe gemacht werden.
</td></tr>
<tr><td width="300px" style="vertical-align:top;">
background oder
background-image: url(<font color="orange">BILD-LINK.png</font>);
</td><td width="300px">
<font color="orange">BILD-LINK</font> kann durch die URL eines vorher hochgeladenen Bildes ersetzt werden, dieses Bild erscheint als Hintergrund-Bild in der tabnav.
(Hinweis siehe background-color.)
</td></tr>
<tr><td width="300px" style="vertical-align:top;">
background-repeat: <font color="orange">WIEDERHOLUNG</font>;
</td><td>
<font color="orange">WIEDERHOLUNG</font> ist zu ersetzen duch:
<font color="grey"> 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.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
background-attachment: <font color="orange">BEFESTIGUNG</font>;
</td><td>
Legt fest ob das Hintergrundbild mitscrollt oder fixiert wird.
Eingesetzt werden können:<font color="grey">
scroll = Hintergrund scrollt mit.
fixed = Hintergrund steht fest.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
background-position:<font color="orange"> POSITION</font>;
</td><td>
Legt den Punkt fest, an dem der Hintergrund festgelegt werden soll.
Einzusetzen sind:<font color="grey">
top = oben
bottom = unten
right = rechts
left = links
center = zentriert, mittig</font>
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.
</td></tr>
<tr><td width="300px" style="vertical-align:top;">
border: <font color="orange">ANZEIGE</font>;
</td><td>
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: <font color="grey">
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.</font>
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:<font color="grey">
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.</font>
So würde beispielsweise ein Rahmen mit der Angabe:
border: 1px solid white;
1px stark sein, durchgehend und weiß.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
height/width: <font color="orange">ZAHL</font> px;
</td><td>
Für <font color="orange">ZAHL</font> kann eine Zahl angegeben werden, die dann die Höhe bzw Breite des Elements bestimmt.
</tr></td>
</table></font>
<a href="http://www.allmystery.de/cgi-bin/allmystery.pl?am=wiki_edit&id=71" target="blank" style="position:absolute;top:43px;left:390px;">Diese Seite bearbeiten[/url]

<style>.header, .userfunction, .infoleiste, h1, .footer, tabnav, .sufu, .tabnav a, div[style=font-size:11px;position:absolute;top:10px;left:5px;background-color:black;color:#FFFFFF], div[id=reklame], a[href=/wiki/], img[src=http://static.allmystery.de/images/left.gif], center a {display: none;} table {margin-top: -120px;} </style>