Wie kann ich Buttons Schrifteffekte hinzufügen?

[Loomit18]

Hallo ihr da drausen,

ich erstelle mir gerade eine Homepage zur Übung mit Dreamweaver MX 2004. Ich habe mir Buttons selbst gemacht und mit Schrift versehen. Jetzt würde ich gern wissen wie ich die Schrift auf meinen Buttons dazu bringe aufzuleuchten wenn ich mit dem Mauszeiger drüberfahr. Ich habe mir Buttonvorlagen runtergeladen und diese dann mit Irfanview 3.92 bearbeitet.

Hoffe ihr könnt mir weiterhelfen.

MfG

Looomit18

[Krain]

Am besten mit JavaScript:

onMouseOver="this.source='images/active.gif'" onMouseOut="this.source='images/inactive.gif'"

Also für jeden Button ein aktives und ein inaktives Bild anlegen.

Es geht sicher auch über css, aber ich hab da keine Ahnung wie!

[kills]

Am besten mit JavaScript:

onMouseOver="this.source='images/active.gif'" onMouseOut="this.source='images/inactive.gif'"

Also für jeden Button ein aktives und ein inaktives Bild anlegen.

Es geht sicher auch über css, aber ich hab da keine Ahnung wie!

per css gehts leider nicht, da die pseudoformat :hover usw. nur bei Links eingesetzt werden können

[Krain]

ok - aber man kann doch bestimmt bei 'onMouseOver' über eine CSS-Klasse dem Image-Tag einen anderen Source zuweisen, oder nicht?

Das müsste doch gehen!

[T´Pau]

per css gehts leider nicht, da die pseudoformat :hover usw. nur bei Links eingesetzt werden können

Klar geht das, einfach den Links den Button als Hintergrundbild geben, dann kann man das bei :hover auch austauschen

Hab schnell man ein Beispiel dazu gemacht:

http://t-pau.de/css_hover_buttons.htm

[Krain]

Gut zu wissen!

Kann man vielleicht mal brauchen!

[Loomit18]

Ich habs gelöst! Man muss einfach beim einfügen eines Rollover Bildes oder einer Navigationsleiste ein up Bild und ein over Bild angeben. Das up Bild ist beim laden der Seite da, und das over Bild kommt wenn mann mit der Maus drüber fährt. Im Code sieht das ganze so aus:

<p><a href="Homepage 2.htm" target="mitte" onClick="MM_nbGroup('down','group1','Musik','',1)" onMouseOver="MM_nbGroup('over','Musik','Button_5b.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="Button_9.gif" alt="Musik" name="Musik" border="0" onload=""></a></p>

Im Prinzip das selbe wie Krain beschrieben hat.

Danke für eure Hilfe!

MfG

Loomit18