Gestaltung unterschiedlicher Link-Styles
Autore: Marco PlatzekIch bin gerade dabei, eine neue Webseite zu erstellen. Damit diese Seite freundlich erscheint, ist sie größtenteils in hellen Farben bzw. in weiß gehalten (allein schon aufgrund des weiß-blauen Corporate Design). Nun habe ich aber auch Bereiche, die in einem dunklen blau gehalten sind oder einen farbigen Hintergrund haben. Wenn ich im Programm die Farben für die Links (inkl. active, hover, visited) basierend auf den hellen Hintergründen in dunkleren Farben festlege, dann sind diese Links in den dunkleren Bereichen schlecht oder gar nicht zu erkennen. Lege ich die Farben wiederum basierend auf den dunklen Hintergründen in helleren Farben (z.B. goldgelb) fest, dann sind diese auf den helleren Hintergründen schlecht oder gar nicht zu erkennen. Ich weiß, dass man mit CSS mehrere Link-Styles festlegen kann und dann getrennt voneinander abrufen kann. Leider finde ich eine solche Möglichkeit jedoch nicht in Website X5. Ich habe versucht, zusätzliche Style-Angaben im <HEAD>-Tag zu platzieren, jedoch werden diese konsequent durch das Template ignoriert bzw. überlagert und haben somit keine Wirkung. Vielleicht mache ich aber auch etwas falsch. Andernfalls wäre es eine willkommene Neuerung in einem der folgenden Updates, wenn man in der Vorlage mehrere Link-Styles anlegen und beim Setzen eines Links dann auch auswählen könnte. Ich denke, mehr wie 5 verschiedene Styles sollten jedoch nicht notwendig sein. Wäre das möglich? Oder können Sie mir einen Tipp geben, wie ich die zuvor genannte Problematik umgehen bzw. lösen kann?
Wenn dann solltest du mal in die css vom Projekt mal nachsehen
Aber gute Idee ✌️
Der Selektor wäre #imCssLink und wenn du eine andere Farbe haben willst, musst du dieses erzwingen mit !important ! Ich weis ja nicht wie weit du dich auskennst
<style>
#imCssLink { color: #111 !important;}
</style>
in den Seiteneigenschaften in den HEad schreiben.
Welche Farbe ist #111? Wie von Marco geschrieben bleibt es leider bei der voreingestellten Farbe.
Das war nur ein Muster! Welche Farbe man einstellt ist jedem selbst vorbehalten. Man kann auch #D0E1EB schreiben und das ist grün!
Auch damit funktioniert es nicht.
Wir verwenden für andere Link Darstellungen im Kopf mit Objekt Bild jeweils zwei Bilder eines für den Button und ein weiteres für Mouse-Over, so entsteht z. Bsp. ein Button wie in einem Menu:
https://www.plocher-glossar.ch/
Beispiel zum S h o p rechts oben.
JJ.
Sicherlich funktioniert es, aber das ist nur die Farbe des normalen Links! Hover, aktiver u. bereits besuchter Link sind nicht betroffen und müssen gesondert eingefügt werden.
Hier ist mal eine CSS mit der Sie eine zweite Farbe für Links definieren können. Hier können Sie jegliche Farben angeben.
Unter Punkt "Einstellungen" - "SEO + Code" - Erweitert Verlinkte Datei einfügen.
Einen schönen Sonntag noch
Das sind aber nur die normalen Standardcode für jede Website. Für WSX5 muss man es so machen für den Mouseover
#imCssLink:hover {...}