onmousemove effekt

[DelphiDel]

Hi wenn man bei http://www.gfx-world.net/ auf die links geht ändet sich so schön die hintergrund Farbe wie machen die das ?

 

[Gumbo]

Mit CSS:

a:link:hover,
a:visited:hover {
	background-color:		#9DC627;
}

Am besten weist du den Verweisen zusätzlich Block-Level-Charakteristika zu, damit sie die volle verfügbare Breite einnehmen.

Weitere Beispiele und Erklärungen findest du unter anderem bei maxdesign.

 

[DelphiDel]

Hi, Danke, ich möchte dies aber nur für einen einzelnen link üernehmen.

 

[Gumbo]

Dann solltest du die Verweise und den Selektor weiter spezifizieren, beispielsweise durch Zuweisung einer Klasse.

 

[DelphiDel]

Ich nur Verstanden Banhof. Kannst du mir ein Besipiel zeigen

 

[Gumbo]

Ok, einfaches Beispiel:

<ul id="nav">
	<li><a href="http://example.net/">Beispielverweis</a></li>
	<li><a href="http://example.net/">Beispielverweis</a></li>
	<li><a href="http://example.net/">Beispielverweis</a></li>
</ul>

#nav,
#nav li {
	list-style:			none;
	margin:				0;
	padding:			0;
}
#nav li a {
	display:			block;
}
#nav li a:link:hover,
#nav li a:visited:hover {
	background-color:		#9DC627;
}

 

[pflo]

@Gumbo: Das ist aber ein (wie ich finde) umständliches Beispiel. Wie wäre es hiermit:

a.nummer2:hover, a.nummer2:visited:hover { background-color: #9DC627 }

<a href="http://example.net/">Link 1 (ohne Hintergrundänderung)</a>
<a href="http://example.net/" class="nummer2">Link 2 (mit Hintergrundänderung)</a>

@DelphiDel: Bitte achte beim Erstellen eines Threads auf einen aussagekräftigen Titel und korrekte Rechtschreibung.

 

[Gumbo]

Was soll an meinem Beispiel umständlich sein? Wenn es mehr als nur ein Verweis ist, der diese Darstellung beitzen soll, und sie alle eine auszeichnende Gemeinsamkeit haben (beispielsweise dasselbe Eltern-Element), ist mein Vorschlag weniger umständlich als deiner.

 

[pflo]

Ja OK, aber er sagte doch "ich möchte dies aber nur für einen einzelnen link üernehmen."

Naja egal, er hat ja jetzt beides und kann sich dann seinen Code aussuchen.

 

[Gumbo]

Du hast recht, dann ist dein Vorschlag natürlich einfacher.