WebSite X5Help Center

 
Marco Platzek
Marco Platzek
User

Gestaltung unterschiedlicher Link-Styles  de

Author: Marco Platzek
Visited 1535, Followers 1, Shared 0  

Ich 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?

Posted on the
10 ANSWERS - 4 USEFUL
Andreas L.
Andreas L.
User

Wenn dann solltest du mal in die css vom Projekt mal nachsehen 

Read more
Posted on the from Andreas L.
Andreas L.
Andreas L.
User

Aber gute Idee ✌️

Read more
Posted on the from Andreas L.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

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.

Read more
Posted on the from Andreas S.
Karl B.
Karl B.
User

Welche Farbe ist #111? Wie von Marco geschrieben bleibt es leider bei der voreingestellten Farbe.

Read more
Posted on the from Karl B.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Das war nur ein Muster!  Welche Farbe man einstellt ist jedem selbst vorbehalten. Man kann auch #D0E1EB  schreiben und das ist grün!

Read more
Posted on the from Andreas S.
Karl B.
Karl B.
User

Auch damit funktioniert es nicht.

Read more
Posted on the from Karl B.
JJ. JUAG
JJ. JUAG
User

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.

Read more
Posted on the from JJ. JUAG
Andreas S.
Andreas S.
Moderator
Best User of the month DE

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.

Read more
Posted on the from Andreas S.
Klaus G.
Klaus G.
User

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

Read more
Posted on the from Klaus G.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

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 {...}

Read more
Posted on the from Andreas S.