Zum Inhalt springen

unterschiedliche backColor im Menü

Erstellt am 21. Januar 2013 · 3 Antworten · letzte Antwort am 23. Januar 2013

Tags: Frage

Jowes ·

Hallo,
ich möchte in einem "Submenü" unterschiedliche Hintergrundfarben angezeigt bekommen
Dabei exisitiert folgender Seitenbaum:
- root-template
- Oberseite A
- Unterseite A1
- Unterseite A2
- Unterseite A3
- Oberseite B
- Unterseite B1
- Unterseite B2
- Unterseite B3
- Oberseite C
- Unterseite C1
- Unterseite C2
- Unterseite C3

Im root-Template wird das Menü für die Unterseiten noch nicht angezeigt. Der Marker ist dort auch schon angesprochen. Das Menü für die jeweiligen Unterseiten wird dann auf der entsprechenden Oberseite angezeigt.
Jetzt möchte ich, das die Hintergrundfarbe des "Submenüs" auf den Oberseiten unterschiedlich ist.
Dazu habe ich den Oberseiten ein Erweiterungs-Template (+ext) zugewiesen und im Setup folgendes eingefügt:

page.10.marks.UNTERKAT.1.NO {
  backColor = #FDB473
}

Leider funktioniert es nicht. 😢
Kann jemand von Euch mir sagen, wo der Fehler ist?
Vielen Dank im vorraus.

Wastl ·

Hi,

also wenn ich das richtig verstanden habe, dann möchtest du, dass die Hintergrundfarbe des Submenüs bei den verschiedenen "Oberseiten" unterschiedlich ist?

Also
Oberseite A -> Submenü Farbe A
Oberseite B -> Submenü Farbe B
.
.
.

Also auf die Gefahr hin, dass du das schon ausprobiert hast, würde ich mit optionSplit und CSS an die Sache rangehen. Dann brauchst du keine +ext-Templates.

Wenn du dir hir die Doku runterlädst:

http://jweiland.net/typo3/dokumentation.html

und nach "optionSplit" suchst, findest du die Beschreibung.

Gruß,
Sebastian

Jowes ·

Hallo Sebastian,
vielen Dank für Deinen Tip.

Mittlerweile habe ich so gelöst:

Page = PAGE
Page {
  10.marks {            
    UNTERKAT = HMENU
    UNTERKAT.special = directory
    UNTERKAT.1 = GMENU
    UNTERKAT.1.NO = 1
    UNTERKAT.1.NO {
      XY = 236, 22
      align = left
      backColor = #D1E0EE
      10 = IMAGE
      10.file = fileadmin/Hintergrund_Katlink/kat-pfeil.png
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
        XY = 236, 1
        backColor = #FFFFFF
      }
      20.offset = 0, 21
      30 = TEXT
      30.text.field = title
      30.fontColor = #000000
      30.fontFile = fileadmin/fonts/trebucbd.ttf
      30.fontSize = 12
      30.niceText = 1
      30.offset = 18, 14
      30.align = left
    }
    
  }
}

Da ich das "+ext " sowieso brauche, scheint mir das die einfachste Lösung zu sein.
Das gleiche steht zwar auch im Haupttemplate, aber ich kann jetzt die backColor ändern.
Viele Grüße
Jörg

Wastl ·

Hi,

schön, wenn du eine Lösung gefunden hast :-). Bei einem GMENU ist das natürlich etwas anders.

Aber falls sie Möglichkeit besteht das Menü nicht mit Grafiken sondern rein mit Text, HTML und CSS (TMENU) zu gestalten, würde ich diese Variante vorziehen. Der Grund ist, dass Suchmaschinen, Screenreader etc. Grafikmenüs nicht lesen können. Im Sinne der Barrierefreiheit also... :-)

Ansonsten noch viel Erfolg!

Gruß,
Sebastian