Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

fillstorys

Eroberer

Dabei seit: 07.02.2003

Beiträge: 57

 

1 Zum Seitenanfang

Samstag, 8. Februar 2003, 13:00

stylesheet für schatteneffekt

gibt es vielleicht einen stylesheet, für einen Schatteneffekt bei Schrift??
 

Wish

Doppel-As

Dabei seit: 06.12.2002

Beiträge: 101

 

2 Zum Seitenanfang

Samstag, 8. Februar 2003, 13:04

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)

 

Athlonfreak

Doppel-As

Dabei seit: 16.02.2003

Beiträge: 149

 

3 Zum Seitenanfang

Sonntag, 16. Februar 2003, 19:30

Sowas ähnliches/das gleiche findet man auch unter www.webmaster-ressource.de!

MfG Athlon
Besucht mal mein Handy und Computermoddingboard & Homepage:
http://www.athlonfreaksboard.tk
http://www.athlonfreak.tk
 

lecctor

Tripel-As

Dabei seit: 01.11.2002

Beiträge: 165

 

4 Zum Seitenanfang

Sonntag, 16. Februar 2003, 23:48

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 ^^)
midgardRblog

kusi the dragon is gone :-(

and the box, too...
 

womstar

Eroberer

Dabei seit: 16.02.2003

Beiträge: 50

 

5 Zum Seitenanfang

Sonntag, 16. Februar 2003, 23:50

mit einem wort nim grafiken!
 

semjon

Jungspund

Dabei seit: 25.08.2010

Beiträge: 15

 

6 Zum Seitenanfang

Donnerstag, 26. August 2010, 00:14

Normal müsste man doch eine zweite Zeile im Hintergrund platzieren können und dann mit maring top und margin left so hinter das Erste schieben, dass es wie ein Schatten wirkt?
 

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

 

7 Zum Seitenanfang

Samstag, 28. August 2010, 14:55

Ich kenne das Ganze nur unter "text-shadow" und braucht man nicht mal mehr die neusten Browser und das ganz ohne Hacks etc.


Beispiel:

Cascading Style Sheet

1
text-shadow:0 1px 3px #1659AC;


Gruß
Phos
All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···
 

Flo_W

unregistriert

8 Zum Seitenanfang

Donnerstag, 2. September 2010, 17:08

Zitat

<div style="width:100%; font-size:24pt; color:blue; filter:DropShadow(color=#C0C0C0, offx=5, offy=5)">devmag.com - HTML/ CSS</div>
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
 

okki

unregistriert

9 Zum Seitenanfang

Donnerstag, 2. September 2010, 17:41

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
 

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

 

10 Zum Seitenanfang

Freitag, 3. September 2010, 22:23

Warum nutzt du FF 3.0.6 ?
Der ist Uralt, langsam, unsicher und unterstützt, wie du schon bemerkt hast, keine neuen Technologien.
All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···