Navigation

  • Seite 1 von 2
21.11.2020 07:37
#1 Navigation
avatar
Mitglied

Guten Morgen,
eine Frage,
Besteht die Möglichkeit die Reiter in der Navigation mit einer anderen Farbe zu versehen?
Um meine Mitglieder auf einen neuen Schnellzugriff Aufmerksam zu machen wäre es Super
wenn dieser Reiter z.B. in Rot wäre.
Da ich manche Positionen in der Navigation immer wieder mal verändere ( z.B. Adventskalender)
würde es meinen Mitgliedern besser ins Auge springen.

Vielen Dank Manfred

Viele Grüße Manfred
Forumtarif Profi

 Antworten

 Beitrag melden
25.11.2020 16:32 (zuletzt bearbeitet: 25.11.2020 16:33)
#2 RE: Navigation
avatar
Mitglied

Hallo Manfred,
hast Du hier schon eine Lösung gefunden?
Welches Template hast Du eigentlich?
Kann man Dein Forum mal sehen?

Mit Zeile 2 veränderst Du die Farbe der Schrift.
Mit Zeile 3 wird die Schrift dicker gezeichnet.
Funktioniert in allen Templates!
Kommt in die CSS (v1-4) oder in die CSS/SCSS (v6)

1
2
3
4
 
li div.xobor_plugin_adventskalender_link a, .xobor_plugin_adventskalender_link.nav-link {
color:#ee8000 !important; /* Schriftfarbe */
font-weight:bold; /* Schrift breiter */
}
 



Nachtrag:
Der farbliche Unterschied zwischen Template und dem roten Adventskalender kann stören!
Hat man z.B. ein Template im grünen Design, passt der Adventkalender farblich nicht so gut dazu!
Hinzu kommt noch, dass der Adventskalender nicht so richtig zu Geltung kommt!
Habe hier eine Lösung gefunden, etwas aufwendiger, aber machbar.
Für alle Templates!


Vorher


Nachher



Hier: Xobor Adventskalender mit Auslösegrafik - Ohne Kopf & Fußleiste!


Bis dann
Wolfgang

26.11.2020 12:00 (zuletzt bearbeitet: 26.11.2020 12:18)
#3 RE: Navigation
avatar
Mitglied

Hallo Wolfgang,
hat sich inzwischen erledigt,
Forum ist ein geschlossenes Forum.
Wie geht das wenn es kein Plugin von Xobor ist?
Sondern ein eigener Link zu einem wichtigen Beitrag.
Wie lautet dann der CSS Text
Alos z.B. zu diesem Beitrag :

https://www.alpa-reisemobil-forum.de/t83...eburtstage.html

Danke

Viele Grüße Manfred
Forumtarif Profi

 Antworten

 Beitrag melden
26.11.2020 12:38
avatar  Ingmar
#4 RE: Navigation
avatar
Technik

Du musst die "id" des Menüpunktes herausfinden.
Das wird z.B. hier erklärt:
https://www.mediaevent.de/css/element-untersuchen.html


Wenn du dann deine ID gefunden hast (z.B. "user_page01313114707958487") kannst du das einfach per CSS ansteuern.

1
2
3
4
 
#user_page01313114707958487{
color:#ee8000 !important; /* Schriftfarbe */
font-weight:bold; /* Schrift breiter */
}
 

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
26.11.2020 13:15
avatar  River
#5 RE: Navigation
avatar
Mitglied

Zitat von Ingmar im Beitrag #4
Du musst die "id" des Menüpunktes herausfinden.


Das ist nicht so einfach, Ingmar.

Wenn man z.B. den Navigationsbutton 'Landkarte' untersucht, kommen da ne Menge Sachen raus, z.B. ul.navigation, li#link_geomap.menu_item etc. pp. Da kann man nur alles ein- und ausfügen und nach Try and Error probieren, ob was passiert. Ist echt so - hab ich probiert. XD Sag das aber niemand weiter, bitte... XD

Na ja, ich brauch' sowas nicht, sonst hätte ich es schon lange gelernt... Dafür lerne ich aber ständig andere Sachen. ;)

Also für Laien ist das schon etwas schwierig.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
26.11.2020 13:32 (zuletzt bearbeitet: 26.11.2020 13:33)
avatar  Ingmar
#6 RE: Navigation
avatar
Technik

Zitat von River im Beitrag #5
Also für Laien ist das schon etwas schwierig

Das mag sein - super kompliziert ist es aber wirklich nicht

Also wenn ich z.B. hier im Forum mit rechtsklick auf "Xobor Blog" im Menü klicke und "untersuchen" wähle sieht das im Chrome so aus - da sind die IDs recht deutlich zu erkennen:



Mit #link_wiki kann ich also z.B. den Menüpunkt Wiki verändern.
Der "Suchen"-Tab hat z.B. die ID user_page01313114707958487

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
26.11.2020 15:30 (zuletzt bearbeitet: 26.11.2020 15:41)
#7 RE: Navigation
avatar
Mitglied

Hallo, ich bekomme es nicht hin.

Das habe ich in CSS eingefügt!

#user_page09651006314753765{
color:#ee8000 !important; /* Schriftfarbe */
font-weight:bold; /* Schrift breiter */
}

Hier habe ich die ID des Buttons "Änderunge Geburtstagsgrüße" entnommen.



Habe eben gesehen das nur die Farbe nicht funktioniert, Schriftstärke änder geht
Wo liegt meine Fehler?
Danke
Manfred

Viele Grüße Manfred
Forumtarif Profi

 Antworten

 Beitrag melden
26.11.2020 15:43
avatar  River
#8 RE: Navigation
avatar
Mitglied

Ja, das habe ich schon auch so gesehen, Ingmar, aber es ist dann doch wieder verwirrend, wenn man für den Wiki-Navibutton bloß ein

Zitat von Ingmar im Beitrag #6
#link_wiki


braucht und für den Adventskalender sieht das ganz anders aus:

Zitat von Wolfgang im Beitrag #2
li div.xobor_plugin_adventskalender_link a, .xobor_plugin_adventskalender_link.nav-link


Also denke ich für mich, ich brauch auch was mit li div. oder so... es kann ja nicht so einfach sein...

Also, wenn ich mal was brauche, dann frage ich hier nach - da machen welche sowas täglich. XD

Danke für die Erklärung, Ingmar.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
26.11.2020 17:36 (zuletzt bearbeitet: 26.11.2020 17:39)
avatar  Ludger
#9 RE: Navigation
avatar
Mitglied

li#user_page06358609299149036.menu_item { .... so klappt es bei mir z.B.


Gruß Lud

viele Grüße
Lud

 Antworten

 Beitrag melden
26.11.2020 17:43
#10 RE: Navigation
avatar
Mitglied

Hallo,
der Button wird ja angesprochen, sonst würde sich ja die Textstärke nicht ändern.
Nur bei der Farbe ist wohl etwas falsch!
Textstärke kann ich ändern von ganz schmal bis richt fett.
Danke
Manfred

Viele Grüße Manfred
Forumtarif Profi

 Antworten

 Beitrag melden
26.11.2020 17:48
#11 RE: Navigation
avatar
Mitglied

Manfred, trotzdem hast Du un Deinem Code das li vergessen, versuchsmal so wie es Ludger sagt.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
26.11.2020 17:57
avatar  Ludger
#12 RE: Navigation
avatar
Mitglied

li#user_page023901763785069474.menu_item {
background-color: #68cc83;
}

so klappt es bei mir

viele Grüße
Lud

 Antworten

 Beitrag melden
26.11.2020 18:00
avatar  Mike48
#13 RE: Navigation
avatar
Mitglied

Probier das mal

1
2
3
4
 
#user_page09651006314753765 span {
color:#ee8000; /* Schriftfarbe */
font-weight:bold; /* Schrift breiter */
}
 


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

 Antworten

 Beitrag melden
26.11.2020 18:31
avatar  River
#14 RE: Navigation
avatar
Mitglied

Wie befürchtet: ein Button - viele Vorschläge zur Umsetzung.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
26.11.2020 18:42 (zuletzt bearbeitet: 26.11.2020 18:43)
avatar  Mike48
#15 RE: Navigation
avatar
Mitglied

Bei Manfred scheint es ja nicht mit den bisherigen zu funktionieren. Das kann daran liegen, das die Color Einstellung im li-Tag im a-tag überschrieben wird. Um das zu umgehen habe ich die Color Einstellung in den span-tag gesetzt in dem auch der Text steht der formatiert werden soll.


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!