Mouseover bei Themen im Forenteil

12.03.2022 18:30
avatar  Jim
#1 Mouseover bei Themen im Forenteil
avatar
Jim
Mitglied

Wurde hier im Support-Forum nicht wirklich fündig;

Wenn ich mit der Maus über die einzelnen angelegten Ordner fahre,
ändert sich die Farbe (mit Verlauf) zur besseren Erkennung des betreffenden Ordners. (siehe rot markiert im Bild)

Wo kann ich diese "Mouseover-Farbe" im V6 eigentlich einstellen?


jimArt

 Antworten

 Beitrag melden
18.03.2022 09:25 (zuletzt bearbeitet: 18.03.2022 09:27)
avatar  Ingmar
#2 RE: Mouseover bei Themen im Forenteil
avatar
Technik

In der CSS-Datei steht dazu:

1
2
3
 
.forumlist .forum.hovered, .feedentry.hovered, .comment.hovered{
background-color: $card-cap-bg;
}
 



$card-cap-bg wiederum wird der Wert von {{global_mbt_header_bg}} zugewiesen - das ist also die Einstellung "Hintergrund Kopfzeilen" unter Layout→Farben und Einstellungen→Theme

Du hast also drei Möglichkeiten das anzupassen:
1) Ändern der Farbe des Kopfzeilen-Hintergrunds.
2) $card-cap-bg einen anderen Wert zuweisen (unter Farben&Einstellungen→CSS/Scss→SCSS Variabeln)
3) Direkt per CSS-Code die Farbe vorgeben:

1
2
3
 
.forumlist .forum.hovered, .feedentry.hovered, .comment.hovered{
background-color: green;
}
 

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
10.07.2022 11:16 (zuletzt bearbeitet: 10.07.2022 11:19)
#3 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

@Ingmar ich habe es gerade getestet es funktioniert nicht unter der V6

ich bekomme das hover nicht weg


 Antworten

 Beitrag melden
10.07.2022 12:17
avatar  Mike48
#4 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

Admin → Layout → Farben & Einstellungen → Eigenes HTML / JS → Eigenes Javascript

1
2
 
/* hover Effekt in Forumliste entfernen */
$('.forumlist .forum').removeClass('hoverable');
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
10.07.2022 12:33
#5 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

brachte leider keinen erfolg liegt es daran das es v6 ist


 Antworten

 Beitrag melden
10.07.2022 12:53
avatar  Mike48
#6 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

Das ist für das V6.
Wenn noch keine Scripte in
Admin → Layout → Farben & Einstellungen → Eigenes HTML / JS → Eigenes Javascript
sind, dann muss noch der script-Tag dazu:

1
2
3
4
 
<script>
/* hover Effekt in Forumliste entfernen */
$(\'.forumlist .forum\').removeClass(\'hoverable\');
</script>
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
10.07.2022 14:00
avatar  Mike48
#7 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

Fehler beim kopieren des Code Bei den Hochkommas wurden noch Backslash voran gestellt

1
2
3
4
 
<script>
/* hover Effekt in Forumliste entfernen */
$('.forumlist .forum').removeClass('hoverable');
</script>
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
10.07.2022 14:03
#8 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

jetzt hat es geklappt vielen dank


 Antworten

 Beitrag melden
10.07.2022 18:32
avatar  Jim
#9 RE: Mouseover bei Themen im Forenteil
avatar
Jim
Mitglied

Zitat von Mike48 im Beitrag #7

1
2
3
4
 
<script>
/* hover Effekt in Forumliste entfernen */
$('.forumlist .forum').removeClass('hoverable');
</script>
 




Der Code greift gut im Forenteil, nicht aber im Activity Feed. Dort ist der Mouse-over weiterhin vorhanden.
Kannst du das im Script evtl. noch dazunehmen?

jimArt

 Antworten

 Beitrag melden
10.07.2022 19:23 (zuletzt bearbeitet: 10.07.2022 19:53)
avatar  Mike48
#10 RE: Mouseover bei Themen im Forenteil
avatar
Mitglied

Der Code war ja auch nur für die Foren-Übersicht.

Foren-Übersicht, AF und Portal-AF

1
2
 
/* hover Effekt in Forumliste und AF und Portal-AF entfernen */
$('.forumlist .forum, #activity_feed .card-body .feedentry').removeClass('hoverable');
 



Alle hover Effekte mit Farbverlauf im Forum entfernen

1
2
 
/* Alle hover Effekte im ganzen Forum entfernen */
$('.hoverable').removeClass('hoverable');
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!