Linkfarbe
Autor: Marc S.
Besucht 2381,
Followers 2,
Geteilt 0
Hallo,
gab schon einmal eine Anfrage ohne Lösung wegen der globalen Linkfarben-Einstellung. Manchmal hat man eben einen dunklen oder einen hellen Hintergrund, da bräuchte man verschiedene Linkfarbe auf einer Seite. Auf der X% Website ist das ja auch so.
Ist da keine einfachere Lösung geplant?
Gepostet am
Ist auch meines Erachtens sinnvoll, dass es hierfür eine generelle Lösung im Programm gibt.
Vielleicht wandelst Du diesen Vorschlag in eine Idee bzw. Vorschlag um.
Derzeit gibt es nur die globalen Einstellungen für LINKS im Text! Wenn dann musst du eine IDEE aufmachen und genau erklären wo du die Link Einstellungen benötigst. Ansonsten ist nur ein 1Zeiler CSS Code nötig um das gewünschte zu haben.
Am besten eine eigene CSS einbinden, der Code wird mehr werden!
Und wie lautet der?
kommt darauf an wo du den LINK einbauen willst und in welchem Bereich (Header, Footer, Content...)
der Selektor ist zwar immer gleich aber dann kommt noch davor der Hauptselektor und den muss man vom Quelltext abschreiben.
.imCssLink {color: #000!important;}
Im Textobjekt, also Content.
Ich habe zu dem Thema eine Anregung veröffentlicht: https://helpcenter.websitex5.com/de/post/201636
Dann würde es so aussehen...
#imTextObject_1_01 .imCssLink {color: #000!important;}
Die Nummer hinter dem TextObject muss du dann selbst rausfinden !
Und wenn keine Nummer angegeben ist (siehe Anhang)?
Du musst weiter rauf scrollen bist du den Selektor siehst! Der ist nicht beim .imCssLink gleich vorher. Man stellt es nur vorher hin um es von anderen Text-Objekten zu separieren, damit es nicht alle Objekte nimmt.
(It > De) ... alternativ können Sie CSS INLINE direkt im TEXT-Objekt verwenden ...
... für Hyperlinks, Anker (Anchor), in einem TEXT-Objekt (*) aktivierten HTML-Code [</>] fügen Sie diese Zeichenfolge ein:
... <a style="font-size:22px;text-decoration:none; color:yellow" href="#sole" title="SOLE"> SOLE </a> ... <a style="font-size:22px;text-decoration:none; color:red" href="#marte" title="MARTE"> MARTE </a> ... <a style="font-size:22px;text-decoration:none; color:blue" href="#giove" title="GIOVE"> GIOVE </a> ... <a style="font-size:22px;text-decoration:none; color:olive" href="#saturno" title="SATURNO"> SATURNO </a> ...
(*) - oder direkt in ein HTML-Code-Objekt einfügen ...
...! ... oder ... anstatt den Link Textwörtern zuzuweisen, können Sie ihn eindeutig identifizierten Bildern zuordnen ...
ciao
.
Ich habe es so gelöst.
Funktioniert leider nicht immer im HEADER (warum auch immer), hier dann die Programm eigene Linkfarben verwenden.
Der Validator Checker gibt sonst Fehler aus
HTML: z.B. In einem Textobjekt
Telefon: <a class="b" href="tel:0049xxxxxxxxx">(0xxx) xxx xx xxx</a>E-Mail: <a class="b" href="mailto:***">xxxxx.xxxx.de</a>
<a class="b" mit einfügen und je nach dem den Buchstaben wechseln.
IMMER MIT DEM VALIDATOR CHECKEN
WSX5 16.3.1 zickt ab und zu etwas rum wenn man diese Link-Variante in ein Text-Objekt einfügt, dann den Link markieren, 1x auf Bold stellen, aktuallisieren, schauen ob nur noch der Link selber da ist und dann wieder auf Normal-Schrift umstellen.
CSS <a: ist allgemeine Linkfarbe
<a.b: = EXTRA-LINKFARBE
<a.c: = EXTRA-LINKFARBE
Beliebig erweiterbar. Unter Einstellungen (1) SEO -> Erweitert -> Verlinkte Dateien einfügen
CSS
/* link, visited, hover, active */
a.c:link {
color: #000000;
text-decoration:underline;
}
/* visited link */
a.c:visited {
color: #000000;
text-decoration:underline;
}
/* mouse over link */
a.c:hover {
color: blue;
text-decoration:underline;
}
/* selected link */
a.c:active {
color: #000000;
text-decoration:underline;
}
/* link */
a.b:link {
color: #000000;
text-decoration:underline;
}
/* visited link */
a.b:visited {
color: #000000;
text-decoration:underline;
}
/* mouse over link */
a.b:hover {
color: red;
text-decoration:underline;
}
/* selected link */
a.b:active {
color: #000000;
text-decoration:underline;
}
/* link */
a:link {
color: #000000;
text-decoration:underline;
}
/* visited link */
a:visited {
color: #000000;
text-decoration:underline;
}
/* mouse over link */
a:hover {
color: #d20000;
text-decoration:underline;
}
/* selected link */
a:active {
color: #000000;
text-decoration:underline;
}
Ich habe unter 3 Erweitert vor dem Head-Tag "#imTextObject_01_tab0 .imCssLink {color: #000080!important;}" eingefügt (siehe Anhang), aber es bleibt bei der von WSX5 voreingestellten Farbe.
Gib es unter "vor dem </head>" rein. Und zwar diesen Code (zwischen die style Klammern natürlich)
#imTextObject_01 .imCssLink {color: #000080!important;}
Das ist aber nur der normale LINK ohne den Style für bereits benutzten LINK! Da wird dann wieder der generelle Style genommen. Zum testen musst du eben den Browsercache immer leeren.
Perfekt, vielen Dank!