Linkfarben ändern

[joschi1989]

Hallo,

ich habe ein Problem und zwar wollte ich gerne die Farben der Links ändern, nur wo mache ich das? Wenn ich die Farben ändere dann ändert sich woanders (Baiträge) auch die Farbe

Reiter: AB- Bilder Farben - Farben das weiss ich aber welcher Bereich muss ich verändern?

, ich will aber nur oben den Link ändern bzw. unten (gehe zu) Ich habe hier nicht dazu gefunden daher schreibe ich hier mein Problem.

[Günther]

Hallo,

das können wir übers CSS umsetzen.

Bitte füge in dein CSS-Stylesheet unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:

Code:

#navstrip a {
    color: #FF0000;
}

Dadurch wird oben bei der Navigation die Linkfarbe verändert. Den Farbcode musst du natürlich noch anpassen.

Zum 2. Screenshot habe ich eine Frage: Siehst du dir das mit dem IE an? Da scheint es nämlich ein browserabhängiges Anzeigeproblem zu geben, wie ich gerade im Vergleich von FF und Chrome zu IE festgestellt habe.

Liebe Grüße
Günther

[joschi1989]

Ok, werde ich später mal machen Günther

Nein ich benutze immer Firefox, davon ist auch der Screenshot, kann man das nicht ändern? (Link zu Screenshot 2)

[Günther]

Dann ändere bitte die Browserangabe in deinem Profil von IE zu FF. Danke.

Du solltest diesen Bereich eigentlich so sehen:

Du kannst mal deinen Cache leeren und die Seite neuladen. Ich sehe mit gelöschtem Cache unter FF und Chrome diese Stelle wie auf meinem Screenshot, aber mit dem IE (natürlich mit gelöschtem Cache) ebenfalls wie du. Da dort ein Script für die Kennzeichnung der jeweilig gewählten Seite verantwortlich ist und der neuste IE bekanntermaßen einige Probleme dieser Art verursacht, dürfte daher das Anzeigeproblem kommen. In Zusammenwirkung mit der Farbgebung deines Styles führt das zur unschönen Anzeige.

Versuche mal folgenden Eintrag, lösche danach deinen Cache und überprüfe, ob die Anzeige nun besser aussieht:

Code:

div.pagination b {
    background-color: none;
    color: #000000;
}
.pagination a {
    color: #000000;
}

[joschi1989]

Der erste Screenshot hat sich erledigt, habe es hinbekommen :-)

Beim zweiten habe ich deinen Anweisung bevolgt, ist aber immernoch so oder muss ich die Farbcodes ändern?

[Günther]

Zur 2. Veränderung, ersetze den Eintrag bitte dadurch:

Code:

div.pagination b {
    background-color: none !important;
    color: #000000 !important;
}
.pagination a {
    color: #000000 !important;
}

Danach bitte den Cache deines Browsers löschen und die Seite neuladen. Dann sollte es schon besser aussehen.

Wie gesagt kommt das Problem aber daher, dass dort das zuständige Javascript nicht korrekt ausgeführt wird. Unter IE ist das in den neuen Versionen leider häufig der Fall und bei deinem Browser (offensichtlich nicht die stabile, aktuelle Version 16) augenscheinlich auch. Deshalb wird dort die falsche Class mit dem falschen Hintergrund zugewisen, wie es eigentlich unter den aktuellen FF- und Chrome-Versionen nicht vorkommen sollte.

[joschi1989]

Hab jetzt Firefox 16 drauf und den Code ersetzt, jetzt sind der Hintergrund des Links dunkelblau und die Schrift schwarz



Muss ich jetzt nicht nurnoch den Zahlencode ändern?

EDIT:

Der ober Link sieht jetzt so wie das ober Bild aus und der untere Link sieht jetzt ganz gut aus so:

[Günther]

Hab jetzt Firefox 16 drauf und den Code ersetzt, jetzt sind der Hintergrund des Links dunkelblau und die Schrift schwarz

So soll es ja auch sein.

Nochmals zum besseren Verständnis: Mit IE und den älteren FF-Versionen wird hier offenbar das zuständige Script nicht korrekt ausgeführt. Unter FF 16, Chrome und Opera allerdings schon. Wir müssen nun einen Mittelweg für die Schriftfarbe finden, da diese sowohl zum blauen als auch weißen Hintergrund passen muss, um allen Besuchern gerecht zu werden.
Durch dein Browserupdate bekommst du diese Stelle wieder korrekt angezeigt und mit der aktuellen Farbgebung auch gut leserlich. Würden wir dir Farben allerdings verändern, müsstest du davon ausgehen, dass 30-40 % deiner Besucher (IE und ältere FF-Versionen) diese Stelle unleserlich angezeigt bekommen. Deshalb solltest du die Farbgebung als Mittelweg so belassen, damit die Anzeige für alle User angenehm ist.

Alles klar soweit?

[joschi1989]

Ja ok soweit verständlich, kann man nicht wenigstens den oberen link mit einer weißen Schrift einstellen anstatt dieser schwarzen? Dann wäre es doch leserlich auch für User des alten Browsers oder?

[Günther]

Eben nicht, weil der IE dort oben keinen Hintergrund zuweist und deshalb die schwarze Schrift die beste Lösung für alle Browser gemeinsam darstellt.
Ich habe mir dein Forum nun erneut mit FF, IE, Opera und Chrome angesehen und erhalte bei allen Browsern ein sehr gut lesbares Ergebnis.

Ich empfehle dir deshalb, unter Beachtung der verschiedenen Browser diese Farbwahl als gemeinsamen Nenner so zu belassen. Wenn du möchtest, kannst du natürlich die Farbwerte noch verändern - müsstest dann aber in allen Browsern genau überprüfen, wie sich die Änderung optisch auswirkt. Ich würde dir, wie gesagt, die aktuelle Farbwahl nahelegen.

[joschi1989]

Alles klar Günther dann werde ich es so lassen, hast recht habe auch mal andere Browser getestet und dort sieht wirklich gut aus.

Vielen dank Günther, wie immer TOP

Werde dann gleich hier zu machen

Schönen Abend noch

LG

Christian

[Günther]

hast recht habe auch mal andere Browser getestet und dort sieht wirklich gut aus.

Freut mich, dass du damit zufrieden bist. Siehst du, bei solchen Dingen muss man eben auch die unterschiedlichen Browser beachten und immer einen guten Mittelweg suchen, sodass alle Besucher des Forums ein schönes Ergebnis erhalten.

Vielen dank Günther, wie immer TOP

Gern geschehen.

Dir ebenfalls einen schönen Abend, Christian!
-done-