Navigationsleiste - verschiedene Farben für Buttons

04.10.2023 21:25
#1 Navigationsleiste - verschiedene Farben für Buttons
avatar
Mitglied

Über die Suche konnte ich nichts finden, daher ein neuer Thread.

Aus dem Mitgliederkreis kam die Frage, ob man die einzelnen Felder der Navigationsleiste nicht in unterschiedlichen Farben einstellen kann.

Also z.B. alle Felder, die mit der Bildergalerie zu tun haben, in grün.

Ich kenne die Möglichkeit, im Adminbereich die Farben für Hintergründe und Schriften einzustellen, aber eben nicht in der eingangs beschrieben Weise.

Eine Liste der HTML-Codes für die Farben habe ich, aber wenn ich diese Codes bei Layout>Navigation einsetze, funktioniert das nicht.

Eine Realisation ist nicht lebenswichtig, aber schön wäre es schon.

MfG Franz-Jupp

____________________________________________________________
es grüßt Franz-Jupp

https://www.zur-blende.de/ = Board-Nr, 854674
nutzt Template V3

 Antworten

 Beitrag melden
04.10.2023 21:28
avatar  Ingmar
#2 RE: Navigationsleiste - verschiedene Farben für Buttons
avatar
Technik

Du könntest die Menüpunkte über die ID in einem CSS-Addon anpassen:

zB:
#link_register{background-color: green !important; }
#link_register a span {color: white !important;}

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
04.10.2023 21:35
#3 RE: Navigationsleiste - verschiedene Farben für Buttons
avatar
Mitglied

Danke für den schnellen Vorschlag, aber als Programmier-Legastheniker werde ich das wohl unserem so oft hilfteichen Co-Admin Rotbart unterbreiten müssen, ich bin da überfordert.

MfG Franz-Jupp

____________________________________________________________
es grüßt Franz-Jupp

https://www.zur-blende.de/ = Board-Nr, 854674
nutzt Template V3

 Antworten

 Beitrag melden
05.10.2023 08:54
#4 RE: Navigationsleiste - verschiedene Farben für Buttons
l2
Mitglied

das Prinzip funktioniert, man muss nur für jedes Template die Ids der Links raussuchen.
- Rechtsclick auf den Link.
- "Untersuchen" auswählen und die Konsole öffnet sich
- Rechtsclick auf den blau unterlegten Bereich und weitere Menues öffnen sich
- "Selektor kopieren" auswählen


und man erhält: #link_gallery > a > span
oder auch #user_page06960924628956218 > a > span


Fürs V3 haben nicht alle Links eine Id, aber man kann sie auch anhand des Linkziels unterscheiden

1
2
3
4
5
6
7
8
 
#nav_n a[href*='gallery'] { background-color: green !important; }
#nav_n a[href*='gallery'] span { color: white !important; }

#nav_n a[href*='admin/'] {
background-color: blue !important;
color: yellow !important;
}
 
 



für den Mobilteil (oder V6) entsprechend

1
2
3
4
5
6
7
8
9
10
 
div.navbar-nav a[href*='gallery'].nav-link {
background-color: green !important;
color: white !important;
}
 
#admin_link_mobile {
background-color: blue !important;
color: yellow !important;
}
 
 





... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
05.10.2023 10:08
#5 RE: Navigationsleiste - verschiedene Farben für Buttons
avatar
Mitglied

In meinem V3-Testforum hat Bernd das schon probiert.



Allerdings hat sich das Dark Design zum "Light Design" verändert, was der Herr mit dem roten Bart sicher auch noch hinkriegt.

MfG Franz-Jupp

____________________________________________________________
es grüßt Franz-Jupp

https://www.zur-blende.de/ = Board-Nr, 854674
nutzt Template V3

 Antworten

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