Unterstrich bei Links

Allgemeine Fragen
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 410
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Unterstrich bei Links

Ungelesener Beitrag von scherenschlag »

Moin.
Nur mal so eine Frage am Rande.
Wenn man "Underlined Links" aktiviert, was ich gerade aus Versehen getan habe:
Kann man irgendwie oder irgendwo die dicke des Striches anpassen?
Oder gar den Abstand zum Text?
Der Strich ist mir zu dick und zu nah am Wort.
Wenn Nö, dann schmeiße ich Ihn wieder raus. War ohnehin ein versehen mit dem einschalten. :D
scherenschlag
MBR 6.1.12
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 8114
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Unterstrich bei Links

Ungelesener Beitrag von Tommy Herrmann »

Moin,

trage entweder nur in dem "CSS Editor" vom Block diese CSS ein:

Code: Alles auswählen

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  background-size: 10000px 1px;
}
wolltest du das hauchdünn, also z.B. ½ Pixel, dann so:

Code: Alles auswählen

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  background-size: 10000px 0.5px;
}

Willst du das "global" (im gesamten Projekt) so einstellen, dann trage diese CSS im globalen Site-Style ein:

> Klicke Pinsel-Symbol 🖌️ unten rechts auf der Arbeitsfläche

> Klicke dann unten auf den Button "Edit in Code Editor"

> Klicke irgendwo in den mittleren Bereich "Dynamic Styles" zur Auswahl (siehe Screenshot unten)

> Drücke im ausgewählten Bereich ("Dynamic Styles") zum Suchen die Tastenkombination "Strg+F"

> gebe oben im Suchenfeld ein: underline > Eingabetaste ↩

> ändere dort:

Code: Alles auswählen

background-size: 10000px 2px;
> in meinetwegen 1px:

Code: Alles auswählen

background-size: 10000px 1px;

underline links.jpg



Wolltest Du den Abstand der Linie auch noch vergrößern, dann müsstest Du die Hintergrund-Position verändern, gleich zwei Zeilen tiefer.

Du machst dann also aus jetzt:

background-position: 0 1.2em;

dann zum Beispiel:

background-position: 0 1.4em;


background-position: 0 1.2em; bedeutet: horizontal 0, vertikal bei 1.2em (gerechnet von der Textoberkante).
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 410
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Unterstrich bei Links

Ungelesener Beitrag von scherenschlag »

Ha. Danke. Astrein.
So kann man es lassen.
:tu:
scherenschlag
MBR 6.1.12
bonapart
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 53
Registriert: Di 14. Feb 2023, 11:54

Re: Unterstrich bei Links

Ungelesener Beitrag von bonapart »

Moin,

habe diesen Beitrag gerade erst gelesen. Fand ich interessant.
Kann man auch eine Mouseover-Farbe einstellen, also wenn der Mauspfeil auf einem Link ist?
Bei NOF konnte man die Link-Farbe, die des Mouseover und dann noch die Farbe nach Klick anpassen (besuchter Link, so hieß das glaube ich).

Geht das mit Mobirise auch ?

Vielen Dank vorab.
Und ein schönes WE Euch allen.

Euer bonapart :tu:
Benutzeravatar
Bushisan
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 299
Registriert: So 13. Dez 2020, 21:23
Wohnort: Neukirchen bei Sulzbach-Rosenberg
Kontaktdaten:

Re: Unterstrich bei Links

Ungelesener Beitrag von Bushisan »

Hi - so kannst Du die Textfarbe bei hover ändern!
a:hover {
color: #ff6600; /* Farbe beim Mouseover */
}
und so dauerhaft ändern wenn man draufgeklickt hat.
a:visited {
color: #800080; /* nach Klick (besucht) */
Es kann nur einen geben - warum bin ich das nicht?
bonapart
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 53
Registriert: Di 14. Feb 2023, 11:54

Re: Unterstrich bei Links

Ungelesener Beitrag von bonapart »

Vielen Dank!

Wo genau trage ich das ein? Hätte das gerne global für das ganze Projekt.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste