WebSite X5Help Center

 
Marco Platzek
Marco Platzek
User

Gestaltung unterschiedlicher Link-Styles  de

Auteur : Marco Platzek
Visité 1499, Followers 1, Partagé 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?

Posté le
10 RéPONSES - 4 UTILE
Andreas L.
Andreas L.
User

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

Lire plus
Posté le de Andreas L.
Andreas L.
Andreas L.
User

Aber gute Idee ✌️

Lire plus
Posté le de Andreas L.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User

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

Lire plus
Posté le de Karl B.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User

Auch damit funktioniert es nicht.

Lire plus
Posté le de 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.

Lire plus
Posté le de JJ. JUAG
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de 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

Lire plus
Posté le de Klaus G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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 {...}

Lire plus
Posté le de Andreas S.