Ich bin am umbauen!

HTML

hey wie gehts?

CSS

hey wie gehts?
hey wie gehts?

Textstyling

Farbe

Die Farbe ist mit einem Code gekennzeichnet zB '#FF6A6A' fuer PINK. Wenn ihr eure eigene Farbe einbauen wollt guckt unter FARBTABELLE Dort sucht ihr euch eine Farbe aus und tut den darauf geschrieben code in '#_CODE_' hinein

Text mit Schatten

EIN TEXT MIT SCHATTEN

(nur für Firefox, Safari, Opera)

 

<span style="text-shadow:#000000 5px 5px 1px">TEXT</span>

 

die 1. px-Zahl definiert die horizontale Ausrichtung des Schattens

(desto größer die Zahl desto weiter wird der Schatten nach rechts verschoben)

die 2. px-Zahl definiert die vertikale Ausrichtung des Schattens

(desto größer die Zahl desto weiter wird der Schatten nach unten verschoben)

die 3. px-Zahl definiert den Unschärferadius( das heißt, wie weit der Schatten im Hintergrund verläuft)

 

Unterstreichen/Überstreichen

GEPUNKTET UNTERSTRICHEN

<span style="BORDER-BOTTOM: #FF6A6A dotted">DEIN TEXT</span>


GESTRICHELT UNTERSTRICHEN

<span style="BORDER-BOTTOM: #FF6A6A dashed">DEIN TEXT</span>


DOPPELT UNTERSTRICHEN

<span style="BORDER-BOTTOM: #FF6A6A double">DEIN TEXT</span>


DOPPELT UNTERSTRICHEN OBEN

<font style="border-top: #FF6A6A double">DEIN TEXT</font>


GANZ UNTERSTRICHEN

<font style="BORDER-BOTTOM: #FF6A6A solid">DEIN TEXT</font>

Umrahmen

GEPUNKTET UMRAHMT

<font style="border: 4px #FF6A6A dotted">DEIN TEXT</font>


GESTRICHELT UMRAHMT

<font style="border: 4px #FF6A6A dashed">DEIN TEXT</font>


DOPPELT UMRAHMT

<font style="border: 4px #FF6A6A double">DEIN TEXT</font>


GANZ UMRAHMT

<font style="border: 4px #FF6A6A solid">DEIN TEXT</font>

Texthintergrund

TEXT MIT FARBIGEM HINTERGRUND

bei #FF6A6A gibt ihr ganz normal euren Farbcode ein

bei 2px also padding müsst ihr angeben wie groß der Hintergrund sein soll

<font style="background:#FF6A6A;padding:2px;">DEIN TEXT</font>

TEXT MIT HINTERGRUNDBILD

das Hintergrundbild hier ist 'http://s289.photobucket.com/albums/ll235/Temasche/th_ASsfmSKnsdklg.gif' (animiert)

 

<font style="background-image: url(hintergrundurl); color:#000000;">TEXT</font>

 

ihr wollt selbst animierte Bilder machen? ladet euch Photoscape runter

 

Blinkender Text

BLINKENDER TEXT
<blink>DEIN TEXT</blink>

Wandernder Text

Wandernder text

bei width bitte die Länge (also wie weit es von rechts nach links wandern soll) und bei height die Höhe

<marquee behavior="alternate" direction="left" scrollamount="4" width="500">Dein Text</marquee>

Laufender Text mit Umrahmung


LAUFENDER TEXT GEPUNKTET

<table>
<tr>
<td align="center" valign="left"><b><marquee width="300" style="border:#FF6A6A 2px dotted; FONT-FAMILY:Verdana; FONT-SIZE:9pt; FONT-COLOR:#000000;">Text</marquee></b></td>
</tr>
</table>


LAUFENDER TEXT GESTRICHELT

<table>
<tr>
<td align="center" valign="left"><b><marquee width="300" style="border:#FF6A6A 2px dashed; FONT-FAMILY:Verdana; FONT-SIZE:9pt; FONT-COLOR:#000000;">teeeeext</marquee></b></td>
</tr>
</table>


LAUFENDER TEXT GANZ

<table>
<tr>
<td align="center" valign="left"><b><marquee width="300" style="border:#FF6A6A 2px solid; FONT-FAMILY:Verdana; FONT-SIZE:9pt; FONT-COLOR:#000000;">TEXT</marquee></b></td>
</tr>
</table>


LAUFENDER TEXT Inset

 <table>
        <tr>
            <td align="center" valign="left">
                <b><marquee width="300" style="border:#FF6A6A 2px inset; FONT-FAMILY:Verdana; FONT-SIZE:9pt; FONT-COLOR:#000000;">TEXT</marquee></b>
            </td>
        </tr>
    </table>