Css Style Sheets // Link Effekte Einstellungen

[Gast_Momsenek_*]

So hi ,


Die Standart (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) (Ich weiß, es wird mit D geschrieben, ich tu's aber nicht!) Link Effekte kenne ich nun bereits , darunter fallen
Link bei Mouse over unterstreichen / durchstreichen / farbe ändern / bold .

Doch ich suche Effekte , wie Schatten werfen - Verpixeln des Linkes usw.

Falls ihr jetzt verstanden habt ,was ich meine und vielleicht ne gute Seite
mit Informationen habt , dann bitte posten


bye

[lain]

Wenn ich dich richtig verstanden habe :


Am besten du nimmst erstmal ein Bild , dass deutlich erkennbare Konturen hat.
Helle Schatten mit anderen Farben sind auch machbar.
Der Filter muss die Konturen des Bildes klar erkennen . Transparente Bilder sind deshalb effektiv. Weil zudemnoch die Hintergrundfarbe von der Graphik oder der img keinen Schattenwurf der beispielsweise Schrift möglich macht.

Die Funktion heißt dropshow() .

color steht für die Farbe des Schattens , dazu benutzt du RGB-Farbcodes , also englische Farbnamen.

offx keine feste Zahl , du kannst alle Zahlen im Minus und Plus Bereich nehmen , hat kein Ende , steht für die Verrückung des Schattens zum Bild horizontal in Pixeln

offy ebenfalls nur vertikal in Pixeln

positive hat nur zwei mögliche Werte , nämlich 0 und 1 und steht für den Schatten der für den transparenten Teil eines Bildes steht. Wenn du 1 eingibst werfen die Konturen einen Schatten ,wenn du 0 eingibst werfen alle transparente Pixel der Graphik einen Schatten.

Beispiel und Code :

<style type="text/css">
IMG
{
filter:dropshadow(color=gray, offx=4, offy=4);
}
</style>

der HTML Teil zwischen Body :

<img src="deinBild.jpg" style="filter:dropshadow(positive=0);">

Kann aber auch im CSS Teil durch ein Komma (hier) nach offy=4 stehen.


Ich hoffe ich habe dich richtig verstanden..

Der Beitrag wurde von lain bearbeitet: 02.05.2004 - 0:36