WebSite X5Help Center

 
Marco Platzek
Marco Platzek
User

Gestaltung unterschiedlicher Link-Styles  de

Autore: Marco Platzek
Visite 1498, Followers 1, Condiviso 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?

Postato il
10 RISPOSTE - 4 UTILI
Andreas L.
Andreas L.
User

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

Leggi di più
Postato il da Andreas L.
Andreas L.
Andreas L.
User

Aber gute Idee ✌️

Leggi di più
Postato il da Andreas L.
Andreas S.
Andreas S.
Moderator
Utente del mese 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.

Leggi di più
Postato il da Andreas S.
Karl B.
Karl B.
User

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

Leggi di più
Postato il da Karl B.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

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

Leggi di più
Postato il da Andreas S.
Karl B.
Karl B.
User

Auch damit funktioniert es nicht.

Leggi di più
Postato il da 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.

Leggi di più
Postato il da JJ. JUAG
Andreas S.
Andreas S.
Moderator
Utente del mese 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.

Leggi di più
Postato il da 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

Leggi di più
Postato il da Klaus G.
Andreas S.
Andreas S.
Moderator
Utente del mese 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 {...}

Leggi di più
Postato il da Andreas S.