Seite 2 von 3

Verfasst: 04.09.2008 18:31
von JFooty
schmatz hat geschrieben:...Wie gesagt möchte den Link Hover ändern und die Kategorie Farbe der Hover Funktion....
:roll: Präzisiere deine Frage! Nicht alle Links im Forum haben die gleiche Hoverfarbe.
Also welche Links genau sollen es denn sein.
Wenn es dir schwer fällt, das genauer zu beschreiben, dann hilft ein Screenshot in dem du die betreffenden Stellen markierst.

Du hast so viel Code gepostet! Da gibt's bestimmt gleich Mecker von einem aufmerksamen Forumsmoderator .... :D

Verfasst: 04.09.2008 19:43
von Heinz
JFooty hat geschrieben:Die passende Stelle in der stylesheet.css zu finden, ist mit dem richtigen Werkzeug ziemlich einfach.
Installiere dir firebug für den Feuerfuchs. Dieses geniale Tool zeigt dir die entsprechenden Eigenschaften eines Elementes an.
So findest du ziemlich schnell die entsprechende Passage in der css-Datei.
Wenn du willst, kannst du außerdem im Browser vorher herumprobieren, bevor du die css-Datei änderst.
Ok, ich habe den firebug installiert. Aber was soll das bringen?

Hier ein Link zu meinem Forum: www.line1-service.de/hnf

Verfasst: 04.09.2008 20:51
von schmatz
JFooty hat geschrieben:
schmatz hat geschrieben:...Wie gesagt möchte den Link Hover ändern und die Kategorie Farbe der Hover Funktion....
:roll: Präzisiere deine Frage! Nicht alle Links im Forum haben die gleiche Hoverfarbe.
Also welche Links genau sollen es denn sein.
Wenn es dir schwer fällt, das genauer zu beschreiben, dann hilft ein Screenshot in dem du die betreffenden Stellen markierst.

Du hast so viel Code gepostet! Da gibt's bestimmt gleich Mecker von einem aufmerksamen Forumsmoderator .... :D
Die Linkfarbe in den Kategorien (hover):

[ externes Bild ]

Und die Hover Farbe soll so geändert werden, auch im Gesamtbild der Forenkategorien wie hier:

[ externes Bild ]

Verfasst: 05.09.2008 13:33
von JFooty
Heinz hat geschrieben:Ok, ich habe den firebug installiert. Aber was soll das bringen?
Das hatte ich eigentlich schon erklärt. :roll:
Mit firebug kannst du unter anderem die css-Eigenschaften deiner Seite anzeigen lassen.
Das heißt, wenn du z. B. die Schriftfarbe ändern willst, klickst du in firebug einfach auf "Untersuchen" und fährst mit der Maus über die zu ändernde Stelle deiner Homepage. firebug zeigt dir dann sowohl den Quelltext als auch die betreffende Stelle der css-Datei, die für die Farbe verantwortlich ist, an.
Diese Stelle suchst du anschließend in der css-Datei (oder den css-Dateien) und änderst sie entsprechend deinen Wünschen ab.

@schmatz:
Also das erste ist in der colours.css zu finden.
Suche dort die Stelle

Code: Alles auswählen

a.topictitle:hover {color:hier steht deine Farbe}
und passe den Farbwert an.
Für diesen orangen Hover-Effekt:
Suche in der colours.css

Code: Alles auswählen

li.row:hover {background-color:hier steht deine Farbe}
Etwas aufwändiger ist die Variante im Forum von nickvergessen.
Da wird für diesen Hovereffekt auch noch ein Hintergrundbild für den Farbverlauf eingesetzt.

Verfasst: 07.09.2008 20:32
von Heinz
Hallo Fjooty,

irgendwie scheinen wir uns nicht zu verstehen.

1.) ich möchte das subsilver-Theme verändern, dort gibt es keine color.css
2.) ich möchte nicht die linkfarbe für das komplette Theme ändern, sondern nur für den Inhalt der Postings.

Und da hat mich der firebug noch nicht sehr weitergeholfen.

Ich benötige also noch Hilfe!

Schönen Abend

Heinz

Verfasst: 07.09.2008 21:07
von JFooty
Heinz hat geschrieben:Hallo Fjooty
:o
Heinz hat geschrieben:1.) ich möchte das subsilver-Theme verändern, dort gibt es keine color.css
Das mit der colours.css war auch nicht an dich gerichtet. :wink:
Heinz hat geschrieben:2.) ich möchte nicht die linkfarbe für das komplette Theme ändern, sondern nur für den Inhalt der Postings.
Wenn du den Text in einem Posting meinst:
Suche in der stylesheet.css

Code: Alles auswählen

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
} 
und füge dort

Code: Alles auswählen

color:deineFarbe;
hinzu (z.B. #f00 für rot)

Verfasst: 08.09.2008 08:30
von Heinz
Bis dort bin ich auch vorgedrungen. Ich wollte aber nicht die Schriftfarbe ändern, sondern die linkfarbe, Ich habe es mit "a link" versucht. Hat aber nicht funktioniert. Vielleicht war die Syntax falsch.

Verfasst: 08.09.2008 14:43
von JFooty
Poste einfach mal deinen geänderten css-Code.
Vielleicht liegt es ja wirklich nur einer Syntax-Kleinigkeit.

Verfasst: 08.09.2008 15:07
von Heinz
ORIGINAL

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}


verändert

.postbody {
:link color: #D23650;
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}


Und anschließend den Cache geleert. Es muss bestimmt an der Syntax liegen.

:-(Heinz

Verfasst: 08.09.2008 16:36
von JFooty
Heinz hat geschrieben:Es muss bestimmt an der Syntax liegen.
Genau. :wink: Stelle als erstes den Originalcode wieder her.
Füge danach ein:

Code: Alles auswählen

.postbody a:link {color: #D23650}
Entsprechendes für:
.postbody a:visited (besuchte Links)
.postbody a:hover (für den Hover-Effekt) und
.postbody a:active (für aktive Links).
Wenn alles die gleiche Farbe haben soll, kannst du auch

Code: Alles auswählen

.postbody a:link, .postbody a:visited, .postbody a:hover, .postbody a:active {color: #D23650}
einsetzen. Reihenfolge beachten! (hover und active müssen immer hinter link und visited stehen)