Shadowed Text

H1- und H2-Überschriften und Blockelemente mit der Klasse “shadow” erhalten einen schmalen Schatten, so dass sie einen plastischen bzw. 3D-Eindruck vermitteln. Die Hauptfarbe wird dabei vererbt. Für Browser, die die CSS-Eigenschaft text-shadow unterstützen, wird das vom Nutzer gesetzte text-shadow oder, wenn nicht vorhanden, ein automatisch gewähltes verwendet. Der Internet Explorer unterstützt die  Eigenschaft text-shadow auch in der Version 8 noch nicht. Durch das Plugin erzielt man den Effekt auch noch bei der Version 6.  Wir haben versucht, die Werte so zu wählen, dass das plugin ohne weitere Einstellungen verwendbar ist. Aber das ist nicht für jede Farbkonfiguration und Fontgröße möglich. Deshalb kann der Nutzer ein CSS-File mit dem Namen shadowed-headers_custom.css im Hauptverzeichnis plugins erzeugen und mit angepassteren Stilwerten versehen. Dieses File ist nicht von Anfang an vorhanden und bleibt nach der Erzeugung durch den Nutzer erhalten, auch nach Aktualisierung oder Löschung des Plugins.

Hier ein Beispiel wie eine solche Anpassung mittels shadowed-headers_custom.css aussehen könnte.

#content h1 {
text-shadow:2px 2px 0 #CCCCCC;
}
#content h1 p.before {
margin-bottom: -1.12em !important;
margin-left: 0.1ex !important;
color: #000 ;
}
#content h1.shadow {
color: #9f571d ;
}
.sidebar_list h2 {
font-size: 0.95em;
}

Hier kann die aktuelle Version heruntergeladen werden Download Plugin


 

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

captcha

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>