[HTML] Link-Farbe bei Maus-Berührung ändern

undertaker1988 · 10. Dezember 2003

[html]

also es geht um folgendes, also ihr kennt das bestimmt wenn man auf einen text klick oder auf einen button das der dann in irgendeinerfarbe unterlegt ist. oder sich rot färbt oder sonst was.... kann mir jemand so ein html code sagen???

toniguenther · 10. Dezember 2003

Also wenns Text ist dann einfach die Hoverfarbe bestimmen....

Wenns beim Bild ist, dann musst du en Mouseoverbild machen und das per Javaskript regeln.... einfach mal bei google gucken....

undertaker1988 · 10. Dezember 2003

sry aber ich hab keine ahnung was hoverfarben sind bitte erklär mal...

danke

pho3niX · 10. Dezember 2003

benutz doch einfach CSS^^ habsch auch gemacht

einfach *.css in die html datei einbinden

da kommt dann das rein:

Code:

a:hover { background-color: #123456; }

bei weiteren fragen gugg ma hier

hoffe ich konnte helfen!

ISOstar · 11. Dezember 2003

Vergesst aber bitte nicht zu sagen, dass dieser Befehl innerhalb des HEAD Bereichs eingefügt werden muss.

Also:

Code:

<head>

a:hover { background-color: #123456; }

</head>

ISOstar

Steffen · 11. Dezember 2003

Code:

<html>
<head>
	[...]
	<style type="text/css">
	a:hover { background-color: #FF0000 }
	</style>
</head>
<body>
[...]
</body>
</html>

So ist es korrekt. Jeder Link wird beim Berühren mit der Maus dann seine Hintergrundfarbe ändern. Wenn du "background-color" durch "color" ersetzt, ändert der Link seine Farbe (und nicht der Hintergrund). Du kannst natürlich auch beides gleichzeitig ändern, aber ich empfehle dir, ein HTML/CSS-Buch zu lesen, weil die ganze Komplexität auf die schnelle nicht erklärt werden kann.

SelfHTML (Google!) kann dir auch weiterhelfen.

PS: Das nächste mal bitte einen aussagekräftigeren Betreff verwenden!

undertaker1988 · 11. Dezember 2003

also falls es einen interessier wie es bei mir jetzt aussieht .....

<STYLE fprolloverstyle>A:hover {
FONT-WEIGHT: bold; COLOR: #ff0000
}
</STYLE>
</HEAD>
<BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff>
</BODY><FONT face="Times New Roman" size=2><B><A style="TEXT-DECORATION: none" href="www.mauscodes.de">Test-Link </A> </B></FONT>
<BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff>
<p> </p>
</BODY></HTML></p>
<p>
</body>
</html>

pcw · 11. Dezember 2003

Also ganz konsequent solltest du alink, vlink und link rausnehmen und bei a:hover noch a:visited, a:active und so mit den eigenschaften hinzufügen...

und noch konsequenter wäre die verwendung von NUR EINEM Body-Tag

cR@zY.EnGi.GeR · 11. Dezember 2003

Also wenn du für jeden Link ne andere Farbe haben möchtest, wenn du mit der Maus darüber gehst, kannst du das so machen:

Code:

<a href="" onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'">
Test 1</a>

oder

Code:

<a href="" id="id1" onmouseover="document.getElementById('id1').style.color='red'" 
onmouseout="document.getElementById('id1').style.color='blue'">Test 1</a>

Das hat den Vorteil, dass du z.B. mit der Maus über einen Link gehst, und dort, wo die entsprechende Id vorhanden ist, sich die Farbe ändert.

Falls du jedoch beim Draufklicken des Linkes die Farbe ändern möchtest, kannst du das auch folgendermaßen machen:

Code:

<a href="" onmousedown="document.alinkColor='green'">Test 2</a>

oder

Code:

<a href="" onmousedown="this.style.color='green'">Test 2</a>

Schau am Besten mal unter http://selfhtml.teamone.de/ nach, da findest du alles , was du brauchst. Kannst du dir auch alles runterladen.

pho3niX · 11. Dezember 2003

öhm...falls es jemanden interessiert habsch selfhtml auch schon genannt

Suche

[HTML] Link-Farbe bei Maus-Berührung ändern

undertaker1988

Lt. Junior Grade

toniguenther

Ensign

undertaker1988

Lt. Junior Grade

pho3niX

Lt. Commander

ISOstar

Lt. Commander

Steffen

Technische Leitung Pro

undertaker1988

Lt. Junior Grade

pcw

Lt. Commander

cR@zY.EnGi.GeR

Commander

pho3niX

Lt. Commander

Ähnliche Themen