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