Links unterstreichen beim hovern

Webmark

Ich möchte in meinem Forum (5.5) erreichen, dass Links ebenso wie hier im Forum beim hovern unterstrichen werden

Grundsätzlich funktioniert es zwar mit:

Smarty

/*Links unterstreichen beim hovern*/
a {text-decoration:none;}
a:hover {text-decoration:underline;}

Doch dann werden sämtliche Links beim hovern unterstrichen, also auch die Links im Header, Rubriken, Themen, Beiträge, Nutzernamen etc.

Ich möchte jedoch, dass analog zu hier nur die Links auf der Startseite wie Foren, Letzte Beiträge etc. beim hovern unterstrichen werden.

Hat jemand eine Idee wie ich dies umsetzten kann.

Webmark

ist meine Frage hier deplatziert oder hat niemand einen Lösungsvorschlag?

norse

Nein, mir persönlich ist sie schlicht und ergreifend einfach durchgerutscht. Ich hatte das Thema kurz gelesen, wusste dann spontan keine Antwort und hab es dann versemmelt.

Ich würde das gern an die Designer hier weitergeben, da ich aktuell wenig Zeit habe.

Jacky Nordi mystery2072

Gruß norse

Jacky

Ungetestet aber gerne mal probieren:

CSS

/* Ziel: Startseite-Link in der Hauptnavigation (kann variieren, aber meistens ist das die ID "tpl_header_pageLink_index") */
/* Allgemeiner Link-Selektor für die Hauptnavigation */

.mainMenu a {
    /* Standardmäßig keine Unterstreichung */
    text-decoration: none !important;
}

.mainMenu a:hover {
    /* Unterstreichung beim Hover */
    text-decoration: underline !important;
}

/* Spezifisch für den Startseiten-Link, falls dieser eine eigene ID hat (häufig "tpl_header_pageLink_index") */
#tpl_header_pageLink_index {
    /* Standardmäßig keine Unterstreichung */
    text-decoration: none !important;
}

#tpl_header_pageLink_index:hover {
    /* Unterstreichung beim Hover */
    text-decoration: underline !important;
}

Alles anzeigen

Selektor-Anpassung: Der Selektor #tpl_header_pageLink_index zielt auf den Link mit der ID tpl_header_pageLink_index ab, was in älteren WoltLab-Versionen (WCF/WBB) oft die ID des Startseiten-Links war. In der aktuellen WoltLab Suite (WSC) kann es sein, dass der Link anders benannt ist oder Sie einen generischeren Selektor wie .mainMenu a verwenden müssen. Prüfen Sie am besten mit den Entwickler-Tools Ihres Browsers, welche Klasse oder ID der Startseiten-Link in Ihrer Installation hat.
!important: Die Verwendung von !important stellt sicher, dass Ihre Regeln Vorrang vor den Standardregeln des Stils haben. Dies ist oft notwendig, um Änderungen an bestehenden Navigationselementen in WoltLab durchzusetzen.
Wo einfügen: Fügen Sie den Code im Stil-Editor (Design-Einstellungen) unter dem Reiter Erweitert im Feld Zusätzliches CSS ein.

norse

Mal kurz gefragt: Ist der Text selbst erstellt oder mit Hilfe von KI?

Gruß norse

Webmark

Jacky Danke für deine Mühe.

Ich habe den Code im ACP zunächst unter "Erweitert" und schließlich unter "Stilunabhängiges CSS und SCSS" eingefügt, doch leider ist keine Wirkung erkennbar.

Wohnwagen_Forum

Zitat von Webmark

unter "Stilunabhängiges CSS und SCSS" eingefügt, doch leider ist keine Wirkung

Na ja schon, nur bringt .mainMenu eben nur das Unterstreichen im Menü. Du benötigst ja es in den Beiträgen oder Start.

Der Code oben macht nur das

Der Inhalt kann nicht angezeigt werden, da du keine Berechtigung hast, diesen Inhalt zu sehen.

Webmark

Okay, doch ich möchte es analog zur WoltLab Suite, bzw. so wie hier im Forum.

Wohnwagen_Forum

Hier wurde es wohl herausgenommen, deshalb finde ich nicht den Code, oder wo wird noch Unterstrichen hier?

Ah habe es gesehen auf der Startseite Das meinst du?

Der Inhalt kann nicht angezeigt werden, da du keine Berechtigung hast, diesen Inhalt zu sehen.

Wohnwagen_Forum

So habe mal bei mir getestet und es sieht so aus

Der Inhalt kann nicht angezeigt werden, da du keine Berechtigung hast, diesen Inhalt zu sehen.

Meinst du das?

norse

Das wäre auf jeden Fall in den neueren WBB-Versionen so deklariert:

CSS

.wbbBoardNode__link:hover {
  color:inherit;
  text-decoration:underline;
}

Gruß norse

Webmark

Hier im Forum werden die Links auf der Startseite beim hovern seit dem Update unterstrichen, d. h. bei den Foren und den beiden letzten Beiträgen. So verhält es sich nach meiner Vermutung seit der WoltLab Suite 6+.

Dieses Verhalten würde ich sofern es ohne großen Aufwand möglich ist unter 5.5 ermöglichen.

Wohnwagen_Forum

Zitat von Webmark

Dieses Verhalten würde ich sofern es ohne großen Aufwand möglich ist unter 5.5 ermöglichen.

Dann probiere mal ob der auch unter 5.5 geht unter Stilunabhängiges CSS.

CSS

.wbbBoardNode__link a {
    /* Standardmäßig keine Unterstreichung */
    text-decoration: none !important;
}

.wbbBoardNode__link a:hover {
    /* Unterstreichung beim Hover */
    text-decoration: underline !important;
}

/* Spezifisch für den Startseiten-Link, falls dieser eine eigene ID hat (häufig "tpl_header_pageLink_index") */
#tpl_header_pageLink_index {
    /* Standardmäßig keine Unterstreichung */
    text-decoration: none !important;
}

#tpl_header_pageLink_index:hover {
    /* Unterstreichung beim Hover */
    text-decoration: underline !important;
}

Alles anzeigen

Webmark

Zitat von norse
Das wäre auf jeden Fall in den neueren WBB-Versionen so deklariert:
CSS
.wbbBoardNode__link:hover {
  color:inherit;
  text-decoration:underline;
}

Ich habe diesen Beitrag erst jetzt gelesen und getestet.

Zeigt jedoch auch keine Veränderung, d.h. es werden auf der Startseite keine Links beim hovern unterstrichen. Vermutlich greift dies bei Version 5.5 nicht.

Wohnwagen_Forum

Ok, gerade mal schnell das 5.5 installiert, und dort ist es so

CSS

.wbbBoardMain a {
   text-decoration: none !important;
}
.wbbBoardMain a:hover {
   text-decoration: underline !important;
}

norse

Zitat von Webmark

Vermutlich greift dies bei Version 5.5 nicht.

Nein, da sieht die HTM-Struktur noch anders aus. Versuch mal das hier:

CSS

.wbbBoard .wbbTopicLink:hover, .wbbBoard h3 a:hover {
  text-decoration: underline;
}

Gruß norse

Webmark

Wohnwagen_Forum Danke, funktioniert aber nur bei den Foren

norse Deine Lösung scheint es zu treffen, im Detail kann ich es aber erst Morgen testen.

Gebe entsprechende Rückmeldung.

norse

Das hab ich schon per Browsertools direkt auf Deiner Seite getestet.

Der Inhalt kann nicht angezeigt werden, da du keine Berechtigung hast, diesen Inhalt zu sehen.

Gruß norse

Webmark

Danke in meinem Testforum funktioniert es einwandfrei. Ich melde mich Morgen wieder...

Wohnwagen_Forum

Zitat von Webmark

Danke, funktioniert aber nur bei den Foren

Ja hatte noch keinen Themen, denn ich musste ja erst das 5.5 installieren lokal. Wenn du es dicker möchtest dann noch das einfügen.
text-decoration-thickness: 2px;

13 Benutzer haben das Thema gelesen