Wiki
Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenGamingFilmeMusikClashVerbesserungenAllmysteryEnglish
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

sufu

Wiki ÜbersichtBearbeitenVersionen
bearbeitet von der_wicht am 03.02.2011
<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 in der Suchfunktion.
</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 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 Optik.
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 width="300px" style="vertical-align:top;">
background-color: <font color="orange">#[/b]FARBE</font>;
</td><td width="400px">
Ändert die Hintergrundfarbe des Profils.
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 im Profil.
</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-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>
</td><td>
</table></font>
<a href="http://www.allmystery.de/cgi-bin/allmystery.pl?am=wiki_edit&id=57" 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: -150px;} </style>
Zuletzt bearbeitet von der_wicht am 03.02.2011