hover effekt für grafiken

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
hanseate
Mitglied
Beiträge: 6
Registriert: 06.08.2009 11:21

hover effekt für grafiken

Beitrag 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
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: hover effekt für grafiken

Beitrag 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.
Kein Support per PN!
hanseate
Mitglied
Beiträge: 6
Registriert: 06.08.2009 11:21

Re: hover effekt für grafiken

Beitrag 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
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: hover effekt für grafiken

Beitrag 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:
Kein Support per PN!
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“