Seite 1 von 1

hover effekt für grafiken

Verfasst: 07.08.2009 10:38
von hanseate
hallo.

ich krieg es nicht hin für link-grafiken einen hover effekt einzubauen.

steige durch die ganzen stylesheets und das forum allgemein nicht richtig durch..

ich will für meine navi-leiste bei hover eine andere border-color erreichen, aber weiss nicht WO bzw. wie ich den css code einfügen muss..

hier das forum:

http://flavuur.de/phpBB3/index.php

bauen wollte ich es hiermit:

a:link img { border-color:#2b6; }
a:visited img { border-color:#2b6; }
a:hover img { border-color:#ff0; }

danke für hilfe

Re: hover effekt für grafiken

Verfasst: 08.08.2009 10:08
von JFooty
Hallo hanseate!

Nur die Farbe für den Rahmen festzulegen reicht nicht.
Du musst auch zumindest einmal die Breite des Rahmen sowie die Linienart festlegen.
Also etwa so:

Code: Alles auswählen

a:link img { border:2px solid #2b6; }
a:visited img { border-color:#2b6; }
a:hover img { border-color:#ff0; }
Damit wäre der Rahmen 2px breit und eine durchgezogene Linie.
Der Hover-Effekt würde dann diese Werte übernehmen und nur die Farbe ändern.

Re: hover effekt für grafiken

Verfasst: 08.08.2009 10:13
von hanseate
mich wundert dass mein css für meine webseite funktioniert, aber für das forum nicht..

wo muss das rein? es gibt die link-definit. irgendwie doppelt.. links.css, common.css etc..


danke sehr

Re: hover effekt für grafiken

Verfasst: 08.08.2009 10:20
von JFooty
hanseate hat geschrieben:wo muss das rein?
Am Besten in die colours.css, weil diese normalerweise als letzte css-Datei verarbeitet wird. Entweder nach:

Code: Alles auswählen

a.right:hover {
	color: #368AD2;
}
einfügen oder einfach ganz ans Ende der colours.css. :wink: