Hyperlink-Color: How to change?
Author: Nicholas V.Hi, since some hours I try to change the Hyperlink-Color to "white". But I found no way.
PLEASE: It is not so unusual to change the behaviour of a Hyperlink. How to do it?
=== Way 1... does not work
There is an explanation here: https://helpcenter.websitex5.com/en/post/249123
This post is closed, as it seems to me. So I have to open a new one.
It says: Activate the HTML-Functionality in a Text-Object and insert this text:
<a style="font: italic bold 24px Arial; color: red; text-decoration:none;" href="https://www.google.it/" alt="GOOGLE" title="GOOGLE">GOOGLE</a>
It worked one (!) time.
But when I change this HTML-Code (e.g. change size to 9 px), then the previw shows the hyperlink underlined again. And sometimes it even appears the pure HTML-text. ... as if there is something wrong in the preview-cache...
By the way... this HTML-solution is not "clean", because I have to write down the hyperlink-URL manually... and this could cause problems on the long run.
=== Way 2: ... did't understand it
In the post above "Axel" showed screenshots. I did not understand in detail.
=== Way 3: "inline attribut" in Hyperlink... how to do?
Somewhere I read the hint to use the "Attribut <rel>" functionality with an "inline tag". But how to do it?
In Schritt 2 'Vorlage' wählst Du die Option 'Textstil' und kannst dort das Layout für einige Textarten ändern. So auch für die Linkdarstellung.
... x N. Vollme, ... (It > De) ... ...kann nicht sein, ... <a> tag mit style inline funktioniert immer...
... Sie sollten den Link Ihrer Online-Seite posten, um zu überprüfen, wie sie angewendet wurde, und um herauszufinden, warum sie bei Ihnen nicht funktioniert...
.
ciao
.
Für den generellen Style für die Links ist es im "Textstil" zu ändern (wie Franz-Josef H.) es beschrieben hat oben.
Wenn du aber trotzdem eine andere Farbe haben willst nur für dieses Text-Objekt, müsstest du im Codeteil extra Code einfügen. Dazu müsste man aber den Selektor wissen vom Text-Objekt um die Linkfarbe nur für dieses Text-Objekt zu bestimmen.
Am besten deine URL posten und genau das Text-Objekt beschreiben.
Author
Vielen herzlichen Dank für die schnellen Rückmeldungen! Diese Community ist wirklich ein dicker Pluspunkt für X5. Jede der drei Antworten war auf ihre Art korrekt:
@ Franz-Josef H.: Es geht mir nur um einzelne Hyperlinks auf dunklem Hintergrund. Daher helfen die allgemeinen Text-Layouts hier nicht weiter.
@ KolAsim: Ja, es funktioniert. Ich habe nochmal daran rumgespielt. Beim Entfernen aller Formatierungen war mir aufgefallen, dass es einen Fehler gab. Durch Copy-Paste von einer bestehenden Website (leider MIT Formatierung) war der Inhalt des Text-Objekts wohl so korrupt, dass die Vorschau damit nicht zurecht kam. Erst nachdem ich ein neues Text-Objekt ohne diesen Makel erstellte, da klappte es.
Frage:Wie kann man im <a>-Tag die Farben für "Hover" und "Visited" einstellen (ohne die Nutzung von CSS)? Ich meine das mal gesehen zu haben, aber per Google finde ich es nicht heraus... ist halt "alte HTML-Technik".
@ Andreas S.: Mein Fehler . Ich hatte Firefox statt Chrome genutzt. Und der Firefox kennt die Option "Copy Selector" nicht.
Doch dieser Ansatz macht mit Angst, denn ich setze hier eine Verbindung zwischen dem Hyperlink einer Seite und dem <Header> der Website. Soetwas kann man schon mal vergessen. Oder man nimmt irgendeine Veränderung vor und die Verbindung geht verloren ("Spaghetti-Website" ). Und wenn ich das X5-Projekt mal an jemand anders weitergebe, dann gerät das GARANTIERT in Vergessenheit... und schon stimmt aus unerfindlichen Gründen die Hyperlink-Farbe nicht mehr.
So, und jetzt freue ich mich auf die weitere Gestaltung der Website...
hallo, .. ohne CSS NEIN! "besucht", und dann kann man darauf verzichten...
... mit meinem Code können Sie viele Aspekte anpassen, zum Beispiel aktivieren Sie mit dieser Modifikation den Rollover-Effekt mit teilweiser Deckkraft:
<a style="font: italic bold 24px Arial; color: red; text-decoration:none;" href="https://www.google.it/" onMouseOver="this.style.opacity=0.5;" onMouseOut="this.style.opacity=1;" alt="GOOGLE" title="GOOGLE">GOOGLE</a>
.
ciao
.