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).

profile_info

Wiki ÜbersichtBearbeitenVersionen
bearbeitet von YaaCool am 20.07.2011
<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;">
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>
<tr><td width="300px" style="vertical-align:top;">
background-color: <font color="orange">#[/b]FARBE</font>;
</td><td width="400px">
Ändert die Hintergrundfarbe des headers.
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.png);
</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 header.
</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>
<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>
</table></font>
<a href="http://www.allmystery.de/fcgi/?am=wiki_edit&id=166" 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>
Zuletzt bearbeitet von YaaCool am 20.07.2011