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

English description

All h1 and h2 headers and block elements with the of the website are given a small shadow via css and javacript manipulation such that you get a plastic or 3d impression. The main color is inherited. This shadow-effect is also shown by Internet Explorer (6-8), in other browsers the CSS-feature text-shadow are used, either by yourself or automatically createt by this plugin. We tried to choose the style values in such a way that you can use this plugin without further style adaption. But this is not possible for any case of template, color configuration and font-size such that I give the possibility to create an css-file with name “shadowed-headers_custom.css” in the main plugin folder where you can make necessary adaption to your environment. This file is your own – not present in the beginning – and will not be overwritten by plugin update. Why no options for this plugin? I cannot know your CSS-selectors where you have to make your changes so you are much more flexible than with predefined options

Here an example how such a css file could be looks like

#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;
}
Here you can download the current version Download Plugin