Zum Inhalt springen

Menü mit Bild und Text darunter?

Erstellt am 2. September 2011 · 4 Antworten · letzte Antwort am 11. September 2011

Tags: Frage

designer ·

Hallo zusammen

Habe ein Template in TemplaVoila gemappt und es funktioniert auch. Die Topnavigation ist auch OK.
Mein Problem liegt in der TS umsetzung von folgendem Menü:
http://www.messmer.neussl.ch

Es sind verschiedene CSS. z.B. .eins, .zwei, .drei
Verschiedene Bilder mitversetzung nach oben.

Wer weiss wie ich das am besten umsetze?

Danke für eure Hilfe

Chrissli ·

Hallo designer!

Also das mit dem "eins","zwei","drei" wirst du so nicht umsetzen können
Mein Vorschlag wäre:

temp.naveins {
  special = directory
  special.value = 5
  
  1 = TMENU
  1 {    
    NO = 1
    NO {
      ATagParams.stdWrap.field = uid
      ATagParams.stdWrap.wrap = class="|"     
      linkWrap = <li>|</li>
    }
    ACT < .NO
    ACT.linkWrap = <li class="active">|</li>    
    wrap = <div id="naveins"><ul id="navhaupt">|</ul></div>
  }  
}

Dann musst du im CSS nur aus das ".eins" ".zwei2, etc. mit der Seiten-ID tauschen.

[edit]
Evtl. solltest du beim Wrap mit class sowas wie "page" oder ähnliches voranstellen, damit nicht nur Zahlen im class-Tag stehen,
ich weiß nicht was die W3C hier vorsieht, bei ID's darf das jedenfalls nicht sein.
Alternativ kannst du natürlich auch für den Wrap z.B. das Feld "alias" verwenden.

designer ·

Hallo Chrissli

Danke für deine Antwort.
Würde im Grunde Funktionieren , aber leider zeigt es mir die Grafik nicht an!

Habe im css ein ul#navhaupt li a.22

Entweder nimmt er mir das CSS nicht! Im Quelltext ist es aber vorhanden.#angry#

Jetzt steh ich glaube ich auf der Seife!

Vielleicht weisst du den Weg

Freundliche Grüsse

Chrissli ·

Ai!

Hab' das grade nochmal überprüft:

Es ist zwar W3C-konform, dass eine
CSS-Klasse mit einer Ziffer beginnt,
allerdings streikt hier der Browser.

Mach aus

   ATagParams.stdWrap.wrap = class="|"

das

   ATagParams.stdWrap.wrap = class="p-|"

und im CSS aus dem hier

ul#navhaupt li a.22

das hier

ul#navhaupt li a.p-22

dann sollte es gehen.

Natürich kannst du den wrap selbst entsprechend
anpassen, ist nur ein Beispiel, es darf nun nicht
mit einer Ziffer anfangen.

Kleiner Tipp an alle:
So kann man übrigens auch prima CSS für spezielle Seite
referenzieren:

 bodyTagCObject = TEXT
 bodyTagCObject.stdWrap {
    field = alias
    wrap = <body id="page-|">
    ifEmpty.field = uid
 }

Erhält jede Seite ihre individuelle ( W3C-konforme und Cross-Browser-kompatible )
Body-ID

designer ·

Danke Chrissli

Das war SPITZE!

Jetzt hab ich schon die ganze woche probiert die subnavigation zu realisieren, ohne erfolg.

Durch TemplaVoila mit lib.subnav.

Leider versteh ich das nicht ganz als Anfänger in Typo3. Bücher haben mir auch nicht geholfen.

Weiss da jemand bescheid?

Hier nochmals der Link http://www.messmer.neussl.ch

Danke für eure Hilfe