Linkfarbe ändern

Fox2Fox

Würde gerne die Linkfarbe ändern.

Aber nur bei dieser Seite:
https://www.kreissparkasse-duesseldorf.de

Benutze schon eine Code für Stylish, der aber alle angeklickten und per Hover überfahrenden Links rot markiert.

Bei obiger Seite ist die rote Linkfarbe aber ungünstig, weil der Hintergrund ebenfalls rot ist, sodass bei angeklickten Links die gesamte Fläche rot erscheint.

Mein benutzter Code

CSS

/* Links in der Farbe rot anzeigen*/
a:visited, a:active, a:hover {color: #FF0000 !important;}
body{
    -moz-user-select: auto !important;
  }

Nach Anklicken sehen die Links so aus:

[attachment=2]A1.jpg[/attachment]

[attachment=1]A2.jpg[/attachment]

[attachment=0]A3.jpg[/attachment]

Frage:

Kann man die Linkfarbe ausschließlich bei der oben genannten Seite ändern?

Sinnvoll wäre vielleicht, den Hintergrund aller anklickbaren Links obiger Seite sowie die Textfarbe farblich sinnvoll abzustimmen.

2002Andreas

Zitat von Fox2Fox

Kann man die Linkfarbe ausschließlich bei der oben genannten Seite ändern?

Klar :wink:

Bitte testen:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("www.kreissparkasse-duesseldorf.de") {


a:visited, a:active, a:hover {color: white !important;}
body{
    -moz-user-select: auto !important;
  }


}

Alles anzeigen

Die Farbe bitte nach Wunsch noch anpassen.

Fox2Fox

Der Code funktioniert nicht.

Muss auch die URL korrigieren - korrekt wäre https://www.sskduesseldorf.de
Aber auch mit dieser URL funktioniert es nicht.

Kann mit einem Demo-Konto getestet werden:
https://www.sskduesseldorf.de/de/home/login-…tan.html?n=true

Das sieht dann so aus:

[attachment=0]Klick3.gif[/attachment]

Hover ist Rot/Rot und die Schriftfarbe ist bei angeklickten Links auch Rot

2002Andreas

Zitat von Fox2Fox

Hover ist Rot

In meinem Code wäre hover weiß :-??

Bitte mal testen:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("www.sskduesseldorf.de") {


a:visited, a:active, a:hover {color: green !important;}
body{
    -moz-user-select: auto !important;
  }


}

Alles anzeigen

Sieht hier dann so aus:

[attachment=0]Screenshot (430).png[/attachment]

Hover wäre grün nur auf der Bankseite.

Endor

Also hier funktioniert es nur so:

CSS

@-moz-document url-prefix("https://www.sskduesseldorf.de") {


a:visited, a:active, a:hover {color: white !important;}
body{
    -moz-user-select: auto !important;
  }


}

Musste anstelle von domain, url-prefix verwenden.
Mfg.
Endor

2002Andreas

Hallo Endor..

funktioniert nicht in Verbindung mit seinem anderen Code:

CSS

/* Links in der Farbe rot anzeigen*/
a:visited, a:active, a:hover {color: #FF0000 !important;}
body{
    -moz-user-select: auto !important;
  }

2002Andreas

Fox2Fox..

bitte auch wieder testen:

CSS

/*AGENT_SHEET*/


@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("sskduesseldorf.de") {


A[href^="SPAN"]:hover,
A[href^="/de/home/"]:hover,
A[class="linktext"]:hover, 
A>SPAN:hover {


color: lightgreen !important;}
body{
    -moz-user-select: auto !important;
  }


}

Alles anzeigen

Fox2Fox

Beide Codes aus #4 und #5 liefern das gleiche Ergebnis wie in #3 gezeigt. :-??

Dann muss es bei mir noch eine andere Beeinflussung geben.

Getestet:

Wenn ich diesen Code deaktiviere...

CSS

/* AGENT_SHEET */
a:visited, a:active, a:hover {
color: #FF0000 !important;
cursor: pointer !important;}


@-moz-document domain("www.n-tv.de") {
 a:visited > span, a:active > span, a:hover > span {
    color: #FF0000 !important;
    cursor: pointer !important
  }
}


@-moz-document domain("www.faz.net") {
 a:visited > span, a:active > span, a:hover > span {
    color: #FF0000 !important;
    cursor: pointer !important
  }
}


@-moz-document domain("www.spiegel.de") {
 a:visited > span, a:active > span, a:hover > span {
    color: #FF0000 !important;
    cursor: pointer !important
  }
}


@-moz-document domain("www.zeit.de") {
 a:visited > span, a:active > span, a:hover > span {
    color: #FF0000 !important;
    cursor: pointer !important
  }
}


@-moz-document domain("https://www.camp-firefox.de") {
 a:visited > span, a:active > span, a:hover > span {
    color: #FF0000 !important;
    cursor: pointer !important
  }
}


@-moz-document domain("https://www.welt.de") {
 a:visited > span, a:active > span, a:hover > span {
    color: #FF0000 !important;
    cursor: pointer !important
  }
}

Alles anzeigen

...dann funktioniert auch dieser Code

CSS

@-moz-document url-prefix("https://www.sskduesseldorf.de") {


a:visited, a:active, a:hover {color: white !important;}
body{
    -moz-user-select: auto !important;
  }


}

2002Andreas

Teste bitte mal aus Beitrag Nr. 7 den Code.

2002Andreas

Zitat von Fox2Fox

Wenn ich diesen Code deaktiviere...

Das betrifft nur den oberen Teil davon:

CSS

/* AGENT_SHEET */
a:visited, a:active, a:hover {
color: #FF0000 !important;
cursor: pointer !important;}

Weil damit alle Webseiten pauschal angesprochen werden.
Wenn man Seiten ausschließen will muss man sie einzeln ansprechen, davon hast du ja schon einige.
Nur dann nennt es sich nicht a:hover sondern z.B. a > span:hover.

Endor

Der Code aus Beitrag Nr= 7 funktioniert hier einwandfrei.
:klasse:
Mfg.
Endor

Fox2Fox

Habe noch einen Code, den ich benutze

CSS

/* Links in der Farbe rot anzeigen*/
a:visited, a:active, a:hover {color: #FF0000 !important;}
body{
    -moz-user-select: auto !important;
  }

Das Problem dabei ist, wenn dieser Code aktiv ist, sehe ich wieder Rot auf Rot

[attachment=0]Unbenannt.png[/attachment]

Wenn ich diesen Code deaktiviere, dann färbt sich kein Link Rot auf anderen Seiten - was ich ja nicht möchte.

Fox2Fox

Zitat von Endor

Der Code aus Beitrag Nr= 7 funktioniert hier einwandfrei.

Hier auch, aber siehe #12

2002Andreas

Zitat von Fox2Fox

Habe noch einen Code

Der ist fast identisch mit dem oberen Codeteil aus Beitrag Nr. 8, als praktisch doppelt.
Sollte man später mal ändern.

~~Hast du den aus Beitrag Nr. 7 auch schon getestet?~~

2002Andreas

Du hast diese beiden Codes:

Zitat

/* Links in der Farbe rot anzeigen*/
a:visited, a:active, a:hover {color: #FF0000 !important;}
body{
-moz-user-select: auto !important;
}

/* AGENT_SHEET */
a:visited, a:active, a:hover {
color: #FF0000 !important;
cursor: pointer !important;}

Alles anzeigen

Beide bitte mal löschen und dann nur diesen einen eintragen:

CSS

/* Links in der Farbe rot anzeigen*/


/* AGENT_SHEET */
a:visited, a:active, a:hover {
color: #FF0000 !important;
cursor: pointer !important;}


body{
    -moz-user-select: auto !important;
  }

Alles anzeigen

Und dann bitte testen.

Fox2Fox

Wenn ich deinen letzten Code

CSS

/* Links in der Farbe rot anzeigen*/


/* AGENT_SHEET */
a:visited, a:active, a:hover {
color: #FF0000 !important;
cursor: pointer !important;}


body{
    -moz-user-select: auto !important;
  }

Alles anzeigen

und den Code für die Sparkasse

CSS

/*AGENT_SHEET*/


@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("sskduesseldorf.de") {


A[href^="SPAN"]:hover,
A[href^="/de/home/"]:hover,
A[class="linktext"]:hover,
A>SPAN:hover {


color: lightgreen !important;}
body{
    -moz-user-select: auto !important;
  }


}

Alles anzeigen

aktiviere, dann sieht es wieder so aus wie in Beitrag #12

Also Rot auf Rot.

2002Andreas

Hast du deine beiden anderen Codes schon gelöscht?

Hier funktioniert das einwandfrei mit den beiden Codes aus Beitrag Nr. 16

[attachment=0]Screenshot (431).png[/attachment]

Zwecks Test kannst du ja mal bitte aus dem ersten Code das entfernen:

Zitat

/*AGENT_SHEET*/

Fox2Fox

Zitat von 2002Andreas

Hast du deine beiden anderen Codes schon gelöscht?

Code aus Beitrag #8 deaktiviert

Ebenso diesen Code deaktiviert

CSS

@-moz-document url-prefix("https://www.sskduesseldorf.de") {


a:visited, a:active, a:hover {color: white !important;}
body{
    -moz-user-select: auto !important;
  }


}

Zitat

Zwecks Test kannst du ja mal bitte aus dem ersten Code das entfernen:

Aus welchem Code entfernen?

Werde noch mal mit einem Testprofil die beiden Codes testen.

2002Andreas

Zitat von Fox2Fox

Aus welchem Code entfernen?

Aus diesem Code meinte ich:

CSS

/* Links in der Farbe rot anzeigen*/


/* AGENT_SHEET */
a:visited, a:active, a:hover {
color: #FF0000 !important;
cursor: pointer !important;}


body{
    -moz-user-select: auto !important;
  }

Alles anzeigen

Fox2Fox

Code

/* AGENT_SHEET */

entfernen zeigt keine Änderung - bleibt Rot auf Rot