Einen Button in der Navigation farbig hervorheben - wie ist das möglich?

[pom]

Liebes Forum,

der Kunde hätte gerne den Button Aktions-Angebote in der Hauptnavigation andersfarbig hinterlegt. Ist das möglich? Wenn ja wie? Leider weiß ich gar nicht wie und wo ich da ansetzen soll.

http://cms.herrlinger-wzm.de/

Desweiteren sollte ein Button in der Navigation 2-zeilig sein. Das ging bei dieser Seite hier http://www.raumkonzept-ihr-messepartner.de damals einfach mit <br> und hier aber nicht... wie kann ich das lösen?

Danke vorab & viele Grüße

[Spooky]

Zu ersterem: Einfach der Seite eine CSS Klasse geben in den Experten Einstellungen der Seiteneigenschaften und dann per CSS stylen (die CSS Klasse der Seite scheint im Menü auf beim jeweiligen Menüeintrag, sowie in der body class auf der Seite selbst).

[doggidog13]

Liebes Forum,

der Kunde hätte gerne den Button Aktions-Angebote in der Hauptnavigation andersfarbig hinterlegt. Ist das möglich? Wenn ja wie? Leider weiß ich gar nicht wie und wo ich da ansetzen soll.

http://cms.herrlinger-wzm.de/

der schnellste Weg den ich gerade sehe ist folgender, da die Aktions-Angebote eine Class haben die die anderen nicht haben:

.register.nav-pill.sibling {
    background-color: rgba(0, 0, 0, 1);
}

Desweiteren sollte ein Button in der Navigation 2-zeilig sein. Das ging bei dieser Seite hier http://www.raumkonzept-ihr-messepartner.de damals einfach mit <br> und hier aber nicht... wie kann ich das lösen?

Danke vorab & viele Grüße

wenn ich ein <br> an eine Stelle setzte wird es zweizeilig:

<li class="sibling">
<a class="sibling" role="menuitem" title="Werkzeugmaschinen" href="index.php/werkzeugmaschinen.html">
IBERIMEX-
<br>
Werkzeugmaschinen
</a>
</li>

[pom]

Hallo Doggidog13,

das mit dem css hat ja wunderbar geklappt. Auf die einfachsten Dinge kommt man manchmal nicht. DANKE! :-)

Aber die zweizeilige Navi funktioniert leider noch nicht. Wenn ich <br> eingebe, nimmt er es einfach nicht. Obwohl unter Einstellungen <br> erlaubt ist.
Die Seite läuft auf Contao 3.3.3, die andere Seite, bei der es funktioniert hat, läuft mit 3.2.12 - daran kann es doch nicht liegen oder?

[Spooky]

Das musst du über die dcaconfig.php konfigurieren (also dass <br> im Seitentitel erlaubt wären).

Ich würde das aber auch eher per CSS lösen (bspw. die Breite des Buttons, der zweizeilig sein soll, limitieren).

[pom]

Googeln hilft manchmal doch, wenn man es länger tut:

fügt per <br /> einen Zeilenumbruch hinzu. Die Konfiguration von contao erlaubt keine HTML-Tags in Seitennamen, weshalb auch der <br /> Tag bei jedem Speichervorgang wieder gelöscht wird. Insofern müssen zuerst HTML-Tags zugelassen werden: die entsprechende Datei findet sich unter system/config/dcaconfig.php. An dieser Stelle verweise ich auf meinen Artikel über Data Container Arrays. Hier wird erklärt was diese Änderung bewirkt. Wir fügen nun folgenden Code am unteren Ende (aber vor dem Fragezeichen - schließender php-Tag) ein.

$GLOBALS['TL_DCA']['tl_page']['fields']['title']['eval']['preserveTags'] = true;

Das Ganze muss nun noch gespeichert werden und schon lassen sich HTML-Tags im Seitennamen verwenden, was in unserem Falle einen Zeilenumbruch mit <br /> erlaubt.

[mlweb]

Da gibt es auch noch die einfache Lösung mit dem Inserttag {{br}}. Funktioniert auch beim Seitennamen, habe ich gerade noch mal in meiner Testinstallation (Contao 3.4.5) probiert.

[pom]

Ich habe die Farbe ja per CSS-Stil vergeben:

.register.nav-pill.sibling {
background-color: #f08418;

Und bei der Seite den entsprechenden CSS angegeben. Hat ja sehr gut funktioniert, aber jetzt zeigt es mir die Hintergrundfarbe bei den Unterseiten (z.B. auf http://cms.herrlinger-wzm.de/index.p...maschinen.html) wenn man sich links durchklickt nicht an. Warum wird es dort nicht übernommen? :-(

[Spooky]

Wegen .sibling, nimm das einfach weg. Oder warum genau hast du das hinzugefügt?

[pom]

Das war in der Theme-Vorlage schon so drin. Und wenn ich es rausnehme, dann wird der andere Button oben rechts und der Footer im Hintergrund orange :-(

Screen.JPG

[Spooky]

Dann nimm statt .register.nav-pill.sibling einfach #main-nav .register.nav-pill

[pom]

Super - vielen Dank - das hat funktioniert :-)