Navigationsleiste - verschiedene Farben für Buttons

04.10.2023 21:25

Franz-Jupp
#1 Navigationsleiste - verschiedene Farben für Buttons

Ü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/
nutzt Template V3

Antworten

Beitrag melden

#2

04.10.2023 21:28

Ingmar
#2 RE: Navigationsleiste - verschiedene Farben für Buttons

Ingmar

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

#3

04.10.2023 21:35

Franz-Jupp
#3 RE: Navigationsleiste - verschiedene Farben für Buttons

Franz-Jupp

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/
nutzt Template V3

Antworten

Beitrag melden

#4

05.10.2023 08:54

l2otbart_57
#4 RE: Navigationsleiste - verschiedene Farben für Buttons

l2

l2otbart_57

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

#5

05.10.2023 10:08

Franz-Jupp
#5 RE: Navigationsleiste - verschiedene Farben für Buttons

Franz-Jupp

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