CSS filter:Shadow
- Ersteller bine
- Erstellt am
bine
Lounge-Member
Komisch, in sefhtml steht, das 135 unten rechts ist.
Hab jetzt die neue Schreibweise ausprobiert. Geht auch nicht.
In der html Datei ist nichts drin, ausßer head body und im body der img Tag. Wollt das mal ausprobieren. Ich lad das nachher mal hoch, damit ich es online ausprobieren kann. Vielleicht liegts an der internen Vorschau.
<img src="1.jpg" style="filter: DropShadow(color=#C0C0C0, offx=3, offy=3)" width="200" height="100" border="0" alt="">
Hab jetzt die neue Schreibweise ausprobiert. Geht auch nicht.
In der html Datei ist nichts drin, ausßer head body und im body der img Tag. Wollt das mal ausprobieren. Ich lad das nachher mal hoch, damit ich es online ausprobieren kann. Vielleicht liegts an der internen Vorschau.
<img src="1.jpg" style="filter: DropShadow(color=#C0C0C0, offx=3, offy=3)" width="200" height="100" border="0" alt="">
bine
Lounge-Member
womstar
Lounge-Member
kann daran liegen das das bild kein äußeren spielraum hat, und somit der schatten nicht angesetzt werden kann.
probier mal ein div um das bild zu legen und leg den filter auf das div, gegebenfalls vergrößer das div etwas.
wenn es immer die selbe größe ist für das bild dann kannst du mit "entities" arbeiten!
sehr praktisch und wird allzuoft nicht benutzt.
das vorletzte:
http://www.html-world.de/program/js_2.htm
probier mal ein div um das bild zu legen und leg den filter auf das div, gegebenfalls vergrößer das div etwas.
wenn es immer die selbe größe ist für das bild dann kannst du mit "entities" arbeiten!
sehr praktisch und wird allzuoft nicht benutzt.
das vorletzte:
http://www.html-world.de/program/js_2.htm
bine
Lounge-Member
So nun aber.
div ums img
width:100% und /div hinter /p damit auch unten genug Spielraum bleibt.
filter
ropShadow = glatter Schatten
filter:Shadow = Schatten mit Verlauf
divumsimg
entities schau ich später Danke Peter
Kasi: Warum und was konntest du nicht sehen.
Wom: Warum ging es denn in der ersten Version bei dir und bei mir nicht, wenn's die gleiche Codezeile war?
div ums img
width:100% und /div hinter /p damit auch unten genug Spielraum bleibt.
filter
ropShadow = glatter Schattenfilter:Shadow = Schatten mit Verlauf
divumsimg
entities schau ich später Danke Peter
Kasi: Warum und was konntest du nicht sehen.
Wom: Warum ging es denn in der ersten Version bei dir und bei mir nicht, wenn's die gleiche Codezeile war?
Zuletzt bearbeitet:
S
signal
Guest
ich seh auch nix ;p
.holger
Lounge-Member
Du könntest mit PHP die Bilder inkl schatten ausgeben (ohne schatten speichern und mit ausgeben) oder in eine Tabelle und Teile der Tabelle mit "Schatten-bildern" füllen - halt da wo der Schatten sein soll. Da brüchtest Du 5 schattenbilder (linksunten-die Ecke, unten das breite, die ecke rechts unten - rechts das breite, oben rechts die Ecke) so hab ich das früher immer gemacht....
bine
Lounge-Member
Wie man mit php die Bilder mit Schatten ausgibt, werd ich mir anschauen. Das scheint mir das Sinnvollste zu sein. Aber ehrlich gesagt, bin ich mit meinen php-Kenntnissen noch ganz am Anfang.
Die Methode mit den 5 Schattenbildern in einer Tabelle ist ja sehr umständlich. Aber man muß sich halt zu helfen wissen.
Den Schatten in einem Grafik-Programm separat zu erstellen hatte ich ebenfalls erwogen, allerdings kann man doch auch gleich die Grafik mit Schatten erstellen. Dann braucht man halt nur 2 Bild-Dateien, wenn auch bei mouseover eine große Version im Fenster erscheinen soll.
Die Methode mit den 5 Schattenbildern in einer Tabelle ist ja sehr umständlich. Aber man muß sich halt zu helfen wissen.
Den Schatten in einem Grafik-Programm separat zu erstellen hatte ich ebenfalls erwogen, allerdings kann man doch auch gleich die Grafik mit Schatten erstellen. Dann braucht man halt nur 2 Bild-Dateien, wenn auch bei mouseover eine große Version im Fenster erscheinen soll.
.holger
Lounge-Member
@kasi nicht umständlcih und bei vielen Bildern sinnvoll (kommt natürlcih drauf an, wenns nur 2 oder 3 bilder sind lohnt es sich evtl. nicht) http://drweb.de/html/tabellen_3.shtml
deviantart hat zum Beispiel bei den thumbs auch überall nen schatten hinter, und die machen dass sicher nicht mit nem Programm (bei mehreren 10000 Bildern pro Tag) die schicken das einfach durch ein Serverseitiges SCript (behaupte ich mal)
PHP Lösungen:
http://www.amnuts.com/php/index.php?do=view&id=9
http://forums.devshed.com/showthread.php?threadid=36616
Ach ja, das per PHP zu machen ist natürlcih nur bei rechteckigen Bildern sinnvoll (advon bin ich mal ausgegangen) Ich hab leider keine Zeit dir was zu coden, was Du so benutzen kannst, wenn's wirklich nicht um 100 Bilder oder so geht, würd ich das auch mit nem Prgramm oder so machen, Du musst nur bedenken, dass DU dann sobald ein Bild dazu kommt wieder eine version mit Schatten kreieren musst... was evtl. auf die Dauer nervig wird.
deviantart hat zum Beispiel bei den thumbs auch überall nen schatten hinter, und die machen dass sicher nicht mit nem Programm (bei mehreren 10000 Bildern pro Tag) die schicken das einfach durch ein Serverseitiges SCript (behaupte ich mal)
PHP Lösungen:
http://www.amnuts.com/php/index.php?do=view&id=9
http://forums.devshed.com/showthread.php?threadid=36616
Ach ja, das per PHP zu machen ist natürlcih nur bei rechteckigen Bildern sinnvoll (advon bin ich mal ausgegangen) Ich hab leider keine Zeit dir was zu coden, was Du so benutzen kannst, wenn's wirklich nicht um 100 Bilder oder so geht, würd ich das auch mit nem Prgramm oder so machen, Du musst nur bedenken, dass DU dann sobald ein Bild dazu kommt wieder eine version mit Schatten kreieren musst... was evtl. auf die Dauer nervig wird.
bine
Lounge-Member
Also wenn du mich meinst, mit was coden, dann brauchste nicht
In der Artcom verwende ich GD, weil ich ja nix selber schreiben kann.
Bin beim Ausprobieren in Selfhtml bei den Filtern gelandet, und dann ging es nicht. Deshalb hab ich gefragt.
Sind aber interessante Aspekte dabei rausgekommen. Danke dafür.
(Grundsätzlich hab ich da noch Einiges zu bedenken, wenn ich z.B. auch erreichen möchte, das meine HP-Fotogalerie auf Opera läuft. Hab grad mal geschaut Krreiiisch Aber das ist wieder ein neues Thema.)
In der Artcom verwende ich GD, weil ich ja nix selber schreiben kann.
Bin beim Ausprobieren in Selfhtml bei den Filtern gelandet, und dann ging es nicht. Deshalb hab ich gefragt.
Sind aber interessante Aspekte dabei rausgekommen. Danke dafür.
(Grundsätzlich hab ich da noch Einiges zu bedenken, wenn ich z.B. auch erreichen möchte, das meine HP-Fotogalerie auf Opera läuft. Hab grad mal geschaut Krreiiisch Aber das ist wieder ein neues Thema.)