Anzeige

Am Puls von Microsoft

Anzeige

Links deutlicher hervorheben

PeteM92

gehört zum Inventar
Hallo,

läßt sich z.B an der Foren-Software etwas umstellen, sodaß Links besser hervorgehoben werden?

Beispiel:

Link_0.png

Daß unter "hier" ein Link verborgen ist, sieht man erst, wenn man mit dem Cursor drüberfährt.

Link_1.png

Ich habe festgestellt, daß nicht von mir solche Links leicht übersehen werden. Wenn man den Link unterstrichen darstellen könnte, wäre er leichter zu erkennen.
 
Anzeige
Spielerei also...
Code:
.content .postcontent a::before{content: "►" !important;}
.content .postcontent a::after{content: "◄" !important;}

.content .postcontent a[id^="attachment"]::before{content: none !important;}
.content .postcontent a[id^="attachment"]::after{content: none !important;}

.texteditor textarea.cke_source a::before{content: "►" !important;}
.texteditor textarea.cke_source a::after{content: "◄" !important;}

#post_preview a::before{content: "►" !important;}
#post_preview a::after{content: "◄" !important;}
 
Hallo @Bonnyblank, ich denke, es geht in erster Linie um die Links, die in anderen Antworten stehen.
Wo die eigenen Links stehen, weiß man in der Regel. Aber links in fremden Antworten kann man nicht in der Ansicht ändern.
 
Von einer fremden Antwort bin ich nicht ausgegangen. Die Bilder sagen etwas Anderes aus. Daher war mein Gedankengang so, dass wenn man es schaft einen Hyperlink zu erzeugen, es doch wohl ein leichtes sein sollte ihn fett oder unterstrichen darzustellen.
Desweiteren war der erste Satz:
läßt sich z.B an der Foren-Software etwas umstellen,
oder zum Beispiel selber machen, zumindest in den eigenen Antworten.

Außerdem denke ich, dass es auch am Gerät liegt, wo man den Text nicht richtig erkennen kann. Bilschirmeinstellungen wie: Helligkeit, Kontrast oder ClearType an bzw. aus.
 
Extravaganter

Code:
.content .postcontent a,
.texteditor textarea.cke_source a,
#post_preview a
{
  background: orange!important;
  padding: 0em 1em !important;
  border-style: solid !important;
  margin-left: 10px !important;
  line-height: 2 !important;
}
.content .postcontent a:hover,
.texteditor textarea.cke_source a:hover,
#post_preview a:hover
{
    background: #60cccc!important;
    border: red solid !important;
    color: black !important;
}

.post_thanks_postbit_colors .postcontent a,
.post_thanks_postbit_colors .postcontent a *,
.post_thanks_postbit_colors .postcontent a:hover,
.content .postcontent a[id^="attachment"],
.content .postcontent a[id^="attachment"] *,
.content .postcontent a[id^="attachment"]:hover
{
  background: unset !important;
  padding: unset !important;
  border: unset !important;
  margin: unset !important;
  line-height: unset !important;
}

Quelle der Anregung
box-decoration-break - CSS | MDN

Außerdem denke ich, dass es auch am Gerät liegt, wo man den Text nicht richtig erkennen kann. Bilschirmeinstellungen wie: Helligkeit, Kontrast oder ClearType an bzw. aus.
Windows bietet reichlich Auswahl für Farben und Kontraste. Für Browser gibt es Dark-Mode-Erweiterungen, allgemein gibt es für Browser auch Stylus (Erweiterung), womit man sich entsprechend behelfen kann. Die obigen Beispiele sind alle dafür geeignet.

In phpbb (Forumsoftware) gibt oder gab es zB für Links so ein Symbol hinter den Links, hier zB hinter dem Namen "Volksdevil"
https://www.phpbb.com/customise/db/download/124021
 
Danke erstmal an alle für die Beteiligung an der Diskussion.

Vielleicht war aber mein Eingangspost #1 etwas zu knapp gefasst und hat die Motivation für mein Anliegen nicht wirklich dargestellt.

Mir geht es nicht primär darum, daß nur ich die Links besser sehe. Ich habe festgestellt, daß wohl auch andere die Links des Öfteren übersehen.

Insofern sind Einträge, die ich in meinem Browser mache, nicht das was ich will - das verbessert ja nur die Darstellung auf meinem Computer.

Ich weiß auch, wie ich in meinen Beiträgen Links mit BBS-Codes hervorheben kann (obwohl ich mich da oft vertue und der Link dann nicht mehr funktioniert).

Aber andere Forumsteilnehmer achten da wohl nicht immer so genau darauf (auch ich vergesse das oft).

Mein Gedanke war, daß man den Code für das Einfügen eines Links (die Weltkugel) Link_03.png vielleicht so gestalten kann, daß fett und unterstrichen automatisch eingefügt werden und der Link auf diesen Post dann in etwa so aussieht.
 
Das war früher mal so und ich weiß gar nicht, warum das jetzt nicht mehr so ist. Müssen wir mal gucken :).
 
Anzeige
Oben