WORLDHEALER
we all want love ...
In God We Trust »Heile Die Welt«
 
LINK 03 - Hier die Seitenüberschrift ...

TEXTSCHATTEN EFFEKT

In der Fusszeile sehen Sie eine Art Schatteneffekt bzw. Einstanzeffekt. Diese Farben können Sie ändern, da alles nur Text ist. Dieser Effekt funktioniert in allen Browsern, denn im Gegensatz zu dem sogenannten "CSS-Filter (dropshadow)", welcher auch einen Schatten ermöglicht und aber dann aber leider nur im Internet Explorer funktionieren, arbeitet diese Lösung anders und damit für alle Browser kompatibel:

"Schatten auf dem Slogan unten = zwei indentische DIV-BEREICHE mit gleichem Text, die minimal versetzt und anders formatiert sind".

Liste mit eigenem Aufzählungszeichen, verlinkt: Probieren Sie verschiedene Farben aus, also mal die helle Schrift oben und die dunkle (Schatten)-Schrift unten oder umgekehrt die dunkle Schrift oben und die helle (Einstanz)-Schrift unten. Neben dem optischen Effekt ergibt sich somit ein klarer Fakt: Die Schrift ist auf nahezu jedem Hintergrund lesbar, egal ob Ihr Bild monochrom oder farbig ist...

So sieht der Quelltext in der Datei "format.css" aus:
/* textschatten-effekt in der fusszeile  */
#fuss_slogan {font: normal 19px verdana, sans-serif;
color: #BFBFBF;
background:transparent;
margin:0px;padding:0px;
height:30px;}

#fuss_slogan_doppelt {font: normal 19px verdana, sans-serif;
color: #2F2F2F;
background:transparent;
margin:0px;padding:0px;
position:relative;height:30px;
left: -1px; top: -31px;}
Den entsprechenden HTML-Bereich in der Datei z.B "index.htmL" listen wir hier:

<div id="fuss_slogan">Best for you. Try it and buy it.
Your Slogan here.</div>
<div id="fuss_slogan_doppelt">Best for you.
Try it and buy it. Your Slogan here.</div>
T O P
- 01 -
Tel :+49.108.1234577
Fax :+49.108.9876522 33
Mail : Mike.muster@info.de
Mike Muster GmbH & Co. KG - Spezialbeispielstraße 34 - 55234 Sampletown
Best for you. Try it and buy it. Your Slogan here.
Best for you. Try it and buy it. Your Slogan here.