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

a

Wiki ÜbersichtBearbeitenVersionen
bearbeitet von yaacool am 06.04.2011
<table border="0px" width="600px"><tr><td width="300px" style="vertical-align:top;">
a <font color="orange">Links</font>
</td><td width="300px">
Mit <font color="orange">a</font> spricht man grundsätzlich Links an. Erfolgt die Angabe a ohne Klasse, werden alle Links auf der Seite angesprochen. Beispiel:
a {background-color: red;}
Alle Links werden mit rotem Hintergrund angezeigt. Will man Links in der Rubrikleiste eine Farbe zuweisen und in der Freundesliste eine andere, müssen die Klassen separat mit Zusatz a angesprochen werden. Beispiel:
.tabnav a {color: red;}
Links in der Rubrikleiste werden rot angezeigt.
a.at {color: red;}
Alle Online Kontakte werden rot angezeigt.

Mit a kann prinzipiell alles gemacht werden, was mit anderen Elementen auch geht. Hauptsächlich geht es hier aber um Schrift, Farbe, Schatten und hover Effekte. Einige Dinge, die mit a gemacht werden können:
</td></tr>
<tr><td width="300px" style="vertical-align:top;">
color: <font color="orange">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.
</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 der 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:<font color="orange"> Schatten</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<font color="grey"> text-shadow:black 0 0 5px, red 5px 5px 3px;</font> einen schwarzen sowie einen roten Schatten.
Die Angabe <font color="grey">none;</font> gibt an, dass kein Schatten angezeigt werden
</tr></td>
</table></font><a href="http://www.allmystery.de/cgi-bin/allmystery.pl?am=wiki_edit&id=93" 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: -180px;} </style>
Zuletzt bearbeitet von yaacool am 06.04.2011