IPB

Willkommen, Gast ( Anmelden | Registrierung )

 
Reply to this topicStart new topic
> Css Style Sheets // Link Effekte
Gast_Momsenek_*
Beitrag 20.04.2004 - 17:27
Beitrag #1





Gäste






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 wink.gif


bye
Go to the top of the page
 
+Quote Post
Auge
Beitrag 20.04.2004 - 17:50
Beitrag #2


Anwärter auf W3.org Mitgliedschaft
*****

Gruppe: User
Beiträge: 550
Mitglied seit: 28.11.2001
Wohnort: Berlin Friedrichshain
Mitglieds-Nr.: 107



ZITAT(Momsenek @ 20.04.2004 - 18:27)
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

Da kein mir bekannter Browser die zum CSS-Standard gehörende Möglichkeit
des Schattens beherrscht und "verpixeln" sowieso unter graphische Effekte fällt,
würde ich das halt mit Graphiken machen.
Die kannst du nicht nur mit JavaScript wechseln, das geht genau wie bold, Farbe
und die anderen Dinge mit CSS. (background(-image))

Tschö, Auge

Der Beitrag wurde von Auge bearbeitet: 20.04.2004 - 17:50
Go to the top of the page
 
+Quote Post
Netizen
Beitrag 20.04.2004 - 17:53
Beitrag #3


Ausnahme Poster
*

Gruppe: User
Beiträge: 150
Mitglied seit: 24.10.2003
Wohnort: Berlin
Mitglieds-Nr.: 1.544



ZITAT(Momsenek @ 20.04.2004 - 18:27)
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.

Bold bei mouseover ist böse ...

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

Hamwa nich, jibbet nich.

Solche Effekte kannst Du nur mit Grafiken erreichen.

Gruß
n!
Go to the top of the page
 
+Quote Post
Auge
Beitrag 20.04.2004 - 18:02
Beitrag #4


Anwärter auf W3.org Mitgliedschaft
*****

Gruppe: User
Beiträge: 550
Mitglied seit: 28.11.2001
Wohnort: Berlin Friedrichshain
Mitglieds-Nr.: 107



ZITAT(Netizen @ 20.04.2004 - 18:53)
Bold bei mouseover ist böse ...

... oder einfach nur zappelig wink.gif

Auf alle Fälle nervig.

Tschö, Auge
Go to the top of the page
 
+Quote Post
rizi
Beitrag 20.04.2004 - 19:54
Beitrag #5


is getting harder


Gruppe: User
Beiträge: 19
Mitglied seit: 20.11.2001
Wohnort: Würzburg
Mitglieds-Nr.: 8



ZITAT(Auge @ 20.04.2004 - 19:02)
Auf alle Fälle nervig.

Das darfst du SO nicht verallgemeinern... smile.gif

bei nem guten schnitt und wenn du es geschickt anstellst, bleibt das wort an ort und stelle und wird nur FETT w00t.gif

lg rico

Der Beitrag wurde von rizi bearbeitet: 20.04.2004 - 19:54
Go to the top of the page
 
+Quote Post
Auge
Beitrag 21.04.2004 - 0:04
Beitrag #6


Anwärter auf W3.org Mitgliedschaft
*****

Gruppe: User
Beiträge: 550
Mitglied seit: 28.11.2001
Wohnort: Berlin Friedrichshain
Mitglieds-Nr.: 107



ZITAT(rizi @ 20.04.2004 - 20:54)
ZITAT(Auge @ 20.04.2004 - 19:02)
Auf alle Fälle nervig.

Das darfst du SO nicht verallgemeinern... smile.gif

bei nem guten schnitt und wenn du es geschickt anstellst, bleibt das wort an ort und stelle und wird nur FETT

Hallo

Eben nicht. Es wird nicht nur fett, sondern es springt gezwungenermaßen,
da die fette Schrift nun mal breiter ist. Ob dabei z.B. das ganze Menü springt,
ist eine andere Sache, das ist natürlich nicht zwangsläufig.

Ich bin da eher für's Schlichte. Wenn fett, dann in allen Zuständen, dafür aber
verschiedene Farben für die Schrift und den Hintergrund (z.B.).

Aber das ist nun wieder Geschmackssache.

Tschö, Auge
Go to the top of the page
 
+Quote Post
lain
Beitrag 01.05.2004 - 19:57
Beitrag #7


is getting harder


Gruppe: User
Beiträge: 28
Mitglied seit: 11.04.2004
Mitglieds-Nr.: 2.286



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
Go to the top of the page
 
+Quote Post
amethyst
Beitrag 01.05.2004 - 20:16
Beitrag #8


Kann auf gar keinen Fall einen Videorekorder programmieren!
***

Gruppe: User
Beiträge: 210
Mitglied seit: 08.12.2003
Wohnort: Bad Zwischenahn
Mitglieds-Nr.: 1.751



Hallo,
Verständnisfrage:
Filter kann doch nur der IE, oder?

Gruß Amethyst
Go to the top of the page
 
+Quote Post
Conny
Beitrag 01.05.2004 - 20:22
Beitrag #9


Kommt Zeit, kommt Rat, kommt Conrad!
Gruppensymbol

Gruppe: Mods
Beiträge: 1.169
Mitglied seit: 21.11.2001
Wohnort: Altenkirchen, Westerwald
Mitglieds-Nr.: 42



ZITAT(Auge @ 21.04.2004 - 1:04)
... Es wird nicht nur fett, sondern es springt gezwungenermaßen, da die fette Schrift nun mal breiter ist....

Hi,
Gezwungernermaßen ist das nicht wenn man in der CSS-Style-Hover definition nicht nur font-weight: bold; , sondern auch ein font-size mit einem Wert < 100% angibt.

Bei 100% font-size hast Du recht: dicker ist breiter, reduzierst Du aber gleichzeitig die Schriftgröße um ein paar Prozent auf ca 98% gleicht sich das aus...

Conny
Go to the top of the page
 
+Quote Post
Conny
Beitrag 01.05.2004 - 20:24
Beitrag #10


Kommt Zeit, kommt Rat, kommt Conrad!
Gruppensymbol

Gruppe: Mods
Beiträge: 1.169
Mitglied seit: 21.11.2001
Wohnort: Altenkirchen, Westerwald
Mitglieds-Nr.: 42



ZITAT(amethyst @ 01.05.2004 - 21:16)
Filter kann doch nur der IE, oder?

YEP!
Go to the top of the page
 
+Quote Post
Google Bot
Beitrag
Beitrag #


Google Ads









Go to the top of the page
 
Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 25.04.2024 - 9:54

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here