gb_post
<table border="0px" width="600px"><tr><td width="300px" style="vertical-align:top;">
color: <font color="orange">#[/i]FARBE</font>;
</td><td width="300px">
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.
Ändert die Schriftfarbe der gesamtem (normalen) Schrift im Gästebuchs.
</td></tr>
<tr><td width="300px" style="vertical-align:top;">
font-family: <font color="orange">SCHRIFTART</font>;
</td><td>
Für <font color="orange">SCHRIFTART</font> kann ein beliebiger Schriftname wie zB Times New Roman, Comic San MS oder Papyrus eingesetzt werden.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
font-style: <font color="orange">STYLE</font>;
</td><td>
Für <font color="orange">STYLE</font> kann eine Styleform der Schrift angegeben werden.
Erlaubt sind:<font color="grey">
italic = kursiver Schriftstil.
oblique = schräggestellter Schriftstil.
normal = normaler Schriftstil.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
font-size:<font color="orange"> GRÖßE</font>;
</td><td>
Für <font color="orange">GRÖßE</font> kann eine beliebige Größenangabe eingesetzt werden, die die Größe der Schrift innerhalb des Gästebuchs festlegt.
Angaben können in px(Pixel), pt(Points), em(Ems) oder in % angegeben werden.
Erlaubt sind außerdem:<font color="grey">
xx-small = winzig.
x-small = sehr klein.
small = klein.
medium = mittel.
large = groß.
x-large = sehr groß.
xx-large = riesig.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
font-weight:<font color="orange"> GEWICHT</font>;
</td><td>
Für<font color="orange"> GEWICHT</font> kann eine Angabe für den Schweregrad der Schrift angegeben werden.
Damit wird die Schrift fettgedruckt oder auch hauchdünn.
Erlaubt sind:<font color="grey">
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.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
text-decoration: <font color="orange">DEKO</font>;
</td><td>
Für<font color="orange"> DEKO</font> kann eine Angabe zur Dekoration der Schrift gemacht werden.
Das verändert die Oprik.
Erlaubt sind:<font color="grey">
underline = unterstrichen.
overline = überstrichen.
line-through = durchgestrichen.
blink = blinkend.
none = normal (keine Text-Dekoration).</font>
</tr></td>
<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;">
text-shadow: 10px 10px 10px <font color="orange">#[/b]FARBE</font>;
</td><td>
Lässt einen Schatten hinter der Schrift erscheinen.
Die px-Angaben können beliebig ausgetauscht werden.
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.
Der erste numerische Wert definiert die horizontale Position des Schattens unter dem Text, der zweite Wert die vertikale. Eine optionale dritte Längenangabe definiert den Unschärferadius, das heißt, wie weit der Schatten im Hintergrund verläuft. Es lassen sich mehrere Schatten für ein Element definieren, indem weitere Sätze dieser Angaben nach einem Komma hinzugefügt werden. Beispielsweise erzeugt text-shadow:black 0 0 5px, red 5px 5px 3px;. einen schwarzen sowie einen roten Schatten.
Die Angabe <font color="grey">none;</font> gibt an, dass kein Schatten angezeigt werden soll.
</tr></td><td width="400px">
Ändert die Hintergrundfarbe der Gästebuch Einträge. Rahmen und Eintrag selbst können unterschiedliche Hintergrundfarben gegeben werden.
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-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;">
width: <font color="orange">Breite</font>;
</td><td>
Mit<font color="orange"> Width </font>wird die Breite eines Elements festgelegt. Standardwert ist dabei "auto". Will man das Element breiter, bzw. schmaler machen muss eine feste Angabe der Breite erfolgen. Diese kann in Pixel oder Zentimeter (cm), Millimeter (mm), Punkte (pt), Prozent (%) usw. angegeben werden. Wegen der leichteren Verwendung empfehlen wir Pixel, oder Prozent.
Beispiel:<font color="grey">
width: 45px; </font> Die Breite des Elements wird auf 45 Pixel Dicke festgelegt
<font color="grey">width: 120%; </font> Das Element wird 20% breiter zur ursprünglichen Breite angezeigt.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
height: <font color="orange">Höhe</font>;
</td><td>
Mit<font color="orange"> Height </font>wird die Höhe eines Elements festgelegt. Standardwert ist dabei "auto". Will man das Element länger, bzw. kürzer machen muss eine feste Angabe der Höhe erfolgen. Diese kann in Pixel oder Zentimeter (cm), Millimeter (mm), Punkte (pt), Prozent (%) usw. angegeben werden. Wegen der leichteren Verwendung empfehlen wir Pixel, oder Prozent.
Beispiel:<font color="grey">
height: 45px; </font> Die Höhe des Elements wird auf 45 Pixel Länge festgelegt
<font color="grey">height: 120%; </font> Das Element wird 20% länger zur ursprünglichen Länge angezeigt.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
border-style: <font color="orange">Umrandung</font>;
</td><td>
Für <font color="orange">Umrandung</font> können verschiedene Angaben, gemacht werden.
Verwendungsmöglichkeiten:
<font color="grey">border-style: dotted; </font>es erscheint ein gepunkteter Rand um das Element
<font color="grey">border-style: dashed; </font>Rand wird gestrichelt angezeigt
<font color="grey">border-style: solid; </font>Rand ist eine durchgehende Linie
<font color="grey">border-style: double; </font>Rand wird mit Doppellinie angezeigt
<font color="grey">border-style: groove; </font>erzeugt einen 3D Effekt
<font color="grey">border-style: ridge; </font>erzeugt einen 3D Effekt
<font color="grey">border-style: inset; </font>erzeugt einen 3D Effekt
<font color="grey">border-style: outset;</font>erzeugt einen 3D Effekt
Mit zusätzlichen Angaben kann man Dicke(border-width) und Farbe(border-color) bestimmen, dazu fasst man die Einzelbefehle am Einfachsten zu einem Befehl zusammen und zwar border.
So würde beispielsweise ein Rahmen mit der Angabe:
<font color="grey">border: 1px solid white;</font>
1px stark sein, durchgehend und weiß. Die Farbe kann entweder in englisch, oder als Hexadezimalzahl angegeben werden.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
opacity: <font color="orange">ALPHA</font>;
</td><td>
Für <font color="orange">ALPHA</font> kann ein Wert angeben werden, der den Alpha-Grad bzw den Transparenzgrad des Elements bestimmt. Eingesetzt werden können Werte, die sich zwischen <font color="grey">0.0</font> und <font color="grey">1.0</font> bewegen.
Hierbei steht <font color="grey">0.0</font> für die absolute Transparenz, dh das Element mit diesem Wert ist ganz durchsichtig und <font color="grey">1.0</font> für gar keine Transparenz.
Werte dazwischen (wie zb 0.6, 0.9 usw) geben somit die dazwischen liegenden Stärken an.
Für genauere Definitionen können auch gerne Zweistellige Angaben gemacht werden wie z.B. 0.65 o.ä.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
display: <font color="orange">ANZEIGE</font>;
</td><td>
Gibt die Art der Anzeige des Elements an.
<font color="grey">display: block - zeigt das Element als Block an
display: none - das Element wird nicht angezeigt</font> (ohne Platzhalter.)
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
visibillity: <font color="orange">SICHTBARKEIT</font>;
</td><td>
Ermöglicht das Ein und Ausblenden verschiedener Elemente.
<font color="grey">visibillity: visible - Element ist sichtbar
visibillity: hidden - Element ist unsichtbar</font> (mit Platzhalter.)
INFO:
Die Rolle des Platzhalters sollte beim ein und ausblenden von Elementen unbedingt beachtet werden.
Während bei <font color="grey">display</font> kein Platzhalter stehen bleibt wird bei <font color="grey">visibility</font> einer verwendet.
So kann es sein, dass sich beim Ausblenden via <font color="grey">display</font> umliegende Elemente verschieben bzw nachrücken, bei <font color="grey">visibility</font> hingegen nicht. Auf der an anderen Seite sollte man sich nicht wundern wenn man <font color="grey">visibility</font> verwendet hat aber ein Nachrücken oder Anpassen wünscht.
Merke also: <font color="grey">
display: none; = ganze weg
visibility: hidden; = versteckt</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
nth-last-child(-n+25): <font color="orange">Anzahl GB Einträge</font>;
</td><td>
Damit lässt sich die angezeigte Menge der Gästebuch Einträge begrenzen. Standardwert ist 25, dementsprechen müssen die Einträge die nicht angezeigt werden sollen von 25 abgezogen werden.
<font color="grey">.gb_post:nth-last-child(-n+22)</font>
zeigt immer die 3 neuesten Einträge.
<font color="grey">.gb_post:nth-last-child(-n+20)</font>
zeigt immer die 5 neuesten Einträge, usw.
</tr></td>
</table></font>
<a href="http://www.allmystery.de/cgi-bin/allmystery.pl?am=wiki_edit&id=52" target="_new" 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: -200px;} </style>
color: <font color="orange">#[/i]FARBE</font>;
</td><td width="300px">
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.
Ändert die Schriftfarbe der gesamtem (normalen) Schrift im Gästebuchs.
</td></tr>
<tr><td width="300px" style="vertical-align:top;">
font-family: <font color="orange">SCHRIFTART</font>;
</td><td>
Für <font color="orange">SCHRIFTART</font> kann ein beliebiger Schriftname wie zB Times New Roman, Comic San MS oder Papyrus eingesetzt werden.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
font-style: <font color="orange">STYLE</font>;
</td><td>
Für <font color="orange">STYLE</font> kann eine Styleform der Schrift angegeben werden.
Erlaubt sind:<font color="grey">
italic = kursiver Schriftstil.
oblique = schräggestellter Schriftstil.
normal = normaler Schriftstil.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
font-size:<font color="orange"> GRÖßE</font>;
</td><td>
Für <font color="orange">GRÖßE</font> kann eine beliebige Größenangabe eingesetzt werden, die die Größe der Schrift innerhalb des Gästebuchs festlegt.
Angaben können in px(Pixel), pt(Points), em(Ems) oder in % angegeben werden.
Erlaubt sind außerdem:<font color="grey">
xx-small = winzig.
x-small = sehr klein.
small = klein.
medium = mittel.
large = groß.
x-large = sehr groß.
xx-large = riesig.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
font-weight:<font color="orange"> GEWICHT</font>;
</td><td>
Für<font color="orange"> GEWICHT</font> kann eine Angabe für den Schweregrad der Schrift angegeben werden.
Damit wird die Schrift fettgedruckt oder auch hauchdünn.
Erlaubt sind:<font color="grey">
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.</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
text-decoration: <font color="orange">DEKO</font>;
</td><td>
Für<font color="orange"> DEKO</font> kann eine Angabe zur Dekoration der Schrift gemacht werden.
Das verändert die Oprik.
Erlaubt sind:<font color="grey">
underline = unterstrichen.
overline = überstrichen.
line-through = durchgestrichen.
blink = blinkend.
none = normal (keine Text-Dekoration).</font>
</tr></td>
<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;">
text-shadow: 10px 10px 10px <font color="orange">#[/b]FARBE</font>;
</td><td>
Lässt einen Schatten hinter der Schrift erscheinen.
Die px-Angaben können beliebig ausgetauscht werden.
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.
Der erste numerische Wert definiert die horizontale Position des Schattens unter dem Text, der zweite Wert die vertikale. Eine optionale dritte Längenangabe definiert den Unschärferadius, das heißt, wie weit der Schatten im Hintergrund verläuft. Es lassen sich mehrere Schatten für ein Element definieren, indem weitere Sätze dieser Angaben nach einem Komma hinzugefügt werden. Beispielsweise erzeugt text-shadow:black 0 0 5px, red 5px 5px 3px;. einen schwarzen sowie einen roten Schatten.
Die Angabe <font color="grey">none;</font> gibt an, dass kein Schatten angezeigt werden soll.
</tr></td><td width="400px">
Ändert die Hintergrundfarbe der Gästebuch Einträge. Rahmen und Eintrag selbst können unterschiedliche Hintergrundfarben gegeben werden.
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-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;">
width: <font color="orange">Breite</font>;
</td><td>
Mit<font color="orange"> Width </font>wird die Breite eines Elements festgelegt. Standardwert ist dabei "auto". Will man das Element breiter, bzw. schmaler machen muss eine feste Angabe der Breite erfolgen. Diese kann in Pixel oder Zentimeter (cm), Millimeter (mm), Punkte (pt), Prozent (%) usw. angegeben werden. Wegen der leichteren Verwendung empfehlen wir Pixel, oder Prozent.
Beispiel:<font color="grey">
width: 45px; </font> Die Breite des Elements wird auf 45 Pixel Dicke festgelegt
<font color="grey">width: 120%; </font> Das Element wird 20% breiter zur ursprünglichen Breite angezeigt.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
height: <font color="orange">Höhe</font>;
</td><td>
Mit<font color="orange"> Height </font>wird die Höhe eines Elements festgelegt. Standardwert ist dabei "auto". Will man das Element länger, bzw. kürzer machen muss eine feste Angabe der Höhe erfolgen. Diese kann in Pixel oder Zentimeter (cm), Millimeter (mm), Punkte (pt), Prozent (%) usw. angegeben werden. Wegen der leichteren Verwendung empfehlen wir Pixel, oder Prozent.
Beispiel:<font color="grey">
height: 45px; </font> Die Höhe des Elements wird auf 45 Pixel Länge festgelegt
<font color="grey">height: 120%; </font> Das Element wird 20% länger zur ursprünglichen Länge angezeigt.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
border-style: <font color="orange">Umrandung</font>;
</td><td>
Für <font color="orange">Umrandung</font> können verschiedene Angaben, gemacht werden.
Verwendungsmöglichkeiten:
<font color="grey">border-style: dotted; </font>es erscheint ein gepunkteter Rand um das Element
<font color="grey">border-style: dashed; </font>Rand wird gestrichelt angezeigt
<font color="grey">border-style: solid; </font>Rand ist eine durchgehende Linie
<font color="grey">border-style: double; </font>Rand wird mit Doppellinie angezeigt
<font color="grey">border-style: groove; </font>erzeugt einen 3D Effekt
<font color="grey">border-style: ridge; </font>erzeugt einen 3D Effekt
<font color="grey">border-style: inset; </font>erzeugt einen 3D Effekt
<font color="grey">border-style: outset;</font>erzeugt einen 3D Effekt
Mit zusätzlichen Angaben kann man Dicke(border-width) und Farbe(border-color) bestimmen, dazu fasst man die Einzelbefehle am Einfachsten zu einem Befehl zusammen und zwar border.
So würde beispielsweise ein Rahmen mit der Angabe:
<font color="grey">border: 1px solid white;</font>
1px stark sein, durchgehend und weiß. Die Farbe kann entweder in englisch, oder als Hexadezimalzahl angegeben werden.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
opacity: <font color="orange">ALPHA</font>;
</td><td>
Für <font color="orange">ALPHA</font> kann ein Wert angeben werden, der den Alpha-Grad bzw den Transparenzgrad des Elements bestimmt. Eingesetzt werden können Werte, die sich zwischen <font color="grey">0.0</font> und <font color="grey">1.0</font> bewegen.
Hierbei steht <font color="grey">0.0</font> für die absolute Transparenz, dh das Element mit diesem Wert ist ganz durchsichtig und <font color="grey">1.0</font> für gar keine Transparenz.
Werte dazwischen (wie zb 0.6, 0.9 usw) geben somit die dazwischen liegenden Stärken an.
Für genauere Definitionen können auch gerne Zweistellige Angaben gemacht werden wie z.B. 0.65 o.ä.
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
display: <font color="orange">ANZEIGE</font>;
</td><td>
Gibt die Art der Anzeige des Elements an.
<font color="grey">display: block - zeigt das Element als Block an
display: none - das Element wird nicht angezeigt</font> (ohne Platzhalter.)
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
visibillity: <font color="orange">SICHTBARKEIT</font>;
</td><td>
Ermöglicht das Ein und Ausblenden verschiedener Elemente.
<font color="grey">visibillity: visible - Element ist sichtbar
visibillity: hidden - Element ist unsichtbar</font> (mit Platzhalter.)
INFO:
Die Rolle des Platzhalters sollte beim ein und ausblenden von Elementen unbedingt beachtet werden.
Während bei <font color="grey">display</font> kein Platzhalter stehen bleibt wird bei <font color="grey">visibility</font> einer verwendet.
So kann es sein, dass sich beim Ausblenden via <font color="grey">display</font> umliegende Elemente verschieben bzw nachrücken, bei <font color="grey">visibility</font> hingegen nicht. Auf der an anderen Seite sollte man sich nicht wundern wenn man <font color="grey">visibility</font> verwendet hat aber ein Nachrücken oder Anpassen wünscht.
Merke also: <font color="grey">
display: none; = ganze weg
visibility: hidden; = versteckt</font>
</tr></td>
<tr><td width="300px" style="vertical-align:top;">
nth-last-child(-n+25): <font color="orange">Anzahl GB Einträge</font>;
</td><td>
Damit lässt sich die angezeigte Menge der Gästebuch Einträge begrenzen. Standardwert ist 25, dementsprechen müssen die Einträge die nicht angezeigt werden sollen von 25 abgezogen werden.
<font color="grey">.gb_post:nth-last-child(-n+22)</font>
zeigt immer die 3 neuesten Einträge.
<font color="grey">.gb_post:nth-last-child(-n+20)</font>
zeigt immer die 5 neuesten Einträge, usw.
</tr></td>
</table></font>
<a href="http://www.allmystery.de/cgi-bin/allmystery.pl?am=wiki_edit&id=52" target="_new" 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: -200px;} </style>