|
|
Quellcode |
1 |
<div style="width:100%; font-size:24pt; color:blue; filter:DropShadow(color=#C0C0C0, offx=5, offy=5)">devmag.com - HTML/ CSS</div> |
Mit style= wird das Stylesheet geöffnet, es soll eine Breite von 100% des ihm zur Verfügung stehenden Raumes einnehmen (width: 100%), die Schriftgröße soll 24 pt betragen (font-size: 24pt; ) und die Schrift soll die Farbe Blau haben (color:blue; ).
Jetzt kommt eigentlich erst der wichtigste Teil des Stylesheets:
filter: DropShadow(color=grey, offx=5, offy=5)
Dieser Code bestimmt das ein fallender Schatten generiert werden soll (DropShadow), dessen Farbe grau (grey) ist, und welches 5pt der länge und 5 pt der Breite von der Ursprungsschrift entfernt ist
quelle: http://wai.devmag.net/tricks/html/html_c…emplate/wai.tpl
~~~ mfg Wish ~~~
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Wish« (8. Februar 2003, 13:06)
Besucht mal mein Handy und Computermoddingboard & Homepage:
http://www.athlonfreaksboard.tk
http://www.athlonfreak.tk
http://www.athlonfreaksboard.tk
http://www.athlonfreak.tk
HINWEIS: Diese CSS-Angabe ist browserspezifisch, d.h. er wird nur in einem best. Browser (und zwar dem IE) angewandt.
Wenn du browser-unabhängig arbeiten willst, kannst du diesen Effekt leider nicht für andere nachbilden (setze ihn trotzdem ein, da leider die welt-nation diesen IE nutzt, weil leider kein besserer zur Verfügung steht, außer opera vielleicht [der sogar teilweise mit einigen CSS besser umgeht, z.B. fixierte bereiche funzen darin einfach gut!]).
Ansonsten: Bilder mit Schatteneffekt (halt 'ne doofe Lösung, vor allem, wenn's um Performance bzgl. der Ladezeit geht, jedoch browserunabhängig ---> wäre schon ma der erste schritt zur barriere-freiheit, aber nur ein kleiner
)
Wenn du browser-unabhängig arbeiten willst, kannst du diesen Effekt leider nicht für andere nachbilden (setze ihn trotzdem ein, da leider die welt-nation diesen IE nutzt, weil leider kein besserer zur Verfügung steht, außer opera vielleicht [der sogar teilweise mit einigen CSS besser umgeht, z.B. fixierte bereiche funzen darin einfach gut!]).
Ansonsten: Bilder mit Schatteneffekt (halt 'ne doofe Lösung, vor allem, wenn's um Performance bzgl. der Ladezeit geht, jedoch browserunabhängig ---> wäre schon ma der erste schritt zur barriere-freiheit, aber nur ein kleiner
)
Ich kenne das Ganze nur unter "text-shadow" und braucht man nicht mal mehr die neusten Browser und das ganz ohne Hacks etc.
Beispiel:
Gruß
Phos
Beispiel:
|
|
Cascading Style Sheet |
1 |
text-shadow:0 1px 3px #1659AC; |
Gruß
Phos
All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···
Flo_W
unregistriert
das ist für den internet explorer... ich glaube nicht, das man diesen browser einem entwickler ans herz legen sollte, weil es einfach gar nichts normalkes unterstützt... das mit text-shadow ist viel besser... außerdem gibt es auch -moz-box-shadow: 0px 0px 10px #000; damit kann mjan sogar divs mit schatten machen
Zitat
<div style="width:100%; font-size:24pt; color:blue; filterropShadow(color=#C0C0C0, offx=5, offy=5)">devmag.com - HTML/ CSS</div>
okki
unregistriert
weder text-shadow noch -moz-box-shadow werden von meinem browser (firefox 3.0.6) unterstützt. siehe http://de.selfhtml.org/css/eigenschaften…htm#text_shadow
Ähnliche Themen
-
(X)HTML & CSS & DHTML & Javascript »-
Benutzerdefinierter Stylesheet
(17. August 2006, 11:54)
-
Feedback-Forum »-
Schalke-Radio
(31. Juli 2006, 16:45)
-
(X)HTML & CSS & DHTML & Javascript »-
Lücken zwischen divs beim IE ...
(24. Februar 2005, 17:55)
-
(X)HTML & CSS & DHTML & Javascript »-
schatten mit css?
(27. August 2003, 20:54)



ropShadow(color=#C0C0C0, offx=5, offy=5)">devmag.com - HTML/ CSS</div>