WebSite X5Help Center

 
Marco Platzek
Marco Platzek
User

Gestaltung unterschiedlicher Link-Styles  de

Autor: Marco Platzek
Visitado 1263, Seguidores 1, Compartilhado 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?

Publicado em
10 RESPOSTAS - 4 ÚTEIS
Andreas L.
Andreas L.
User

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

Ler mais
Publicado em de Andreas L.
Andreas L.
Andreas L.
User

Aber gute Idee ✌️

Ler mais
Publicado em de Andreas L.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em de Andreas S.
Karl B.
Karl B.
User

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

Ler mais
Publicado em de Karl B.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

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

Ler mais
Publicado em de Andreas S.
Karl B.
Karl B.
User

Auch damit funktioniert es nicht.

Ler mais
Publicado em 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.

Ler mais
Publicado em de JJ. JUAG
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em 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

Ler mais
Publicado em de Klaus G.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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 {...}

Ler mais
Publicado em de Andreas S.