Mehrspaltiges Footer Menü mit Überschrift

0 x

24	Beiträge
0	Hilfreiche Beiträge

21. 04. 2011, 13:50

Hallo,

ich bin noch recht neu mit Typo3 und verzweifel gerade ein wenig an einem mehrspaltigen Footer Menü mit Überschrift.

Um die Inhalte zu bekommen, nutze ich folgendes TS

###### Footer #############
marks.FOOTER = COA
 
marks.FOOTER.10 = HMENU
marks.FOOTER.10 {
wrap = | <br>
special = list
special.value = 1, 2, 3, 4
 
1 = TMENU
1.NO {
before =  
after =   | |*|   | |*| 
}
}
 
marks.FOOTER.20 < marks.FOOTER.10
marks.FOOTER.20 {
special.value = 5, 6, 7, 8 ,9
}
 
marks.FOOTER.30 < marks.FOOTER.10
marks.FOOTER.30 {
special.value = 10, 11, 12, 13
}
 
marks.FOOTER.40 < marks.FOOTER.10
marks.FOOTER.40 {
special.value = 14, 15, 16, 
}

Rausbekommen möchte ich etwas in der Art, wie es z.B. im Footer der Seite: [url=]http://www.hannover96.de/CDA/index.php?id=84[/url] unten als Footer Menü realisiert ist. Mir fehlt jedoch gerade der das Wissen darüber, wie ich mittels TS folgenden Code erzeugen kann und stehe da auf dem Schlauch. Kann jemand helfen? Die Überschrift soll dabei auch ein Link sein und mittels CSS eine andere Farbe bekommen und Bold sein. Wenn ich es richtig sehe, müsste hierzu das Tag h4 durch ein normales li mit Angabe einer Klasse ersetzt werden (die ich dann entsprechend erstellen muss).

<div class="footer">
    <div class="footer_body">
		<div class="col2">
			<h4>Überschrift 1</h4>
          <ul>
                        <li>
                            <a href="#">Impressum</a>
                        </li>
                        <li>
                            <a href="#">Häufige Fragen</a>
                        </li>
                        <li>
                            <a href="#">Kontakt</a>
                        </li>
                        <li>
                            <a href="#">Anreise</a>
                        </li>
                    </ul>
                </div>
                <div id="footer_können" class="col2">
                    <h4>Überschrift 2</h4>
                    <ul>
                        <li>
                            <a href="#">Eintrag 1</a>
                        </li>
                        <li>
                            <a href="#">Eintrag 2</a>
                        </li>                             
            <li>
                            <a href="#">Eintrag 3</a>
                        </li>
                        <li>
                            <a href="#">Eintrag 4</a>
            </li>
                    </ul>
                </div>
...

Ich habe schon viele Menüs gefunden, allerdings keines in dieser Form.

Viele Grüße, Joshi

Dennis.D
Padawan

0 x
47 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
26. 04. 2011, 14:09

Hallo Joshua,
eine einfache wenn auch nicht die eleganteste Lösung wäre wohl wenn Du je nach Spalte einen eigenen Marker setzt und diesen dann mit special.value füllst. So wie Du es ja auch schon probiert hast.
Ansonsten wäre es auch ein mehrpsaltiges Menü, an dem ich auch gerade etwas verzweifle..
Grüße
Dennis

0 x

28. 04. 2011, 00:08

Hallo,

das ist eigentlich recht einfach. Ich würde im Seitenbaum eine solche Navigationsstruktur anlegen:

- Footer Navigation
- - Spalte 1 [UID=1]
- - - Link 1 aus Spalte 1
- - - Link 2 aus Spalte 1
- - - Link 3 aus Spalte 1
- - Spalte 2 [UID=2]
- - - Link 1 aus Spalte 2
- - - Link 2 aus Spalte 2
- - - Link 3 aus Spalte 2
- - Spalte 3 [UID=3]
... usw.

Und dann nimmst du so ein TypoScript:

temp.footernavigation = COA
temp.footernavigation {
   # Wrap um die ganze Footer Navigation
   wrap = <div class="footer_body">|</div<
   # Spalte 1
   10 = COA
   10 {
      # Wrap um die Spalte
      wrap = <div class="col1">|</div>
      # Dynamisch erzeuge Überschrift
      10 = HMENU
      10 {
         special = list
         special.value = 1
         1 = TMENU {
         1 {
            noBlur = 1
            NO = 1
            NO {
               wrap = <h4>|</h4>
            }
         }
      }
      # Dynamisch erzeugte Linkliste
      20 = HMENU
      20 {
         special = directory         
         special.value = 1
         wrap = <ul>|</ul>
         1 = TMENU {
         1 {
            noBlur = 1
            NO = 1
            NO {
               wrap = <li>|</li>
            }
         }
      }
   }
 
   # Spalte 2
   20 < .10
   20.wrap = <div class="col2">|</div>
   20.10.special.value = 2
   20.20.special.value = 2
 
   # Spalte 3
   30 < .10
   30.wrap = <div class="col3">|</div>
   30.10.special.value = 3
   30.20.special.value = 3
}
 
# Marker aus HTML-Tempalte ersetzen
marks.FOOTER < temp.footernavigation

Das habe ich jetzt nicht getestet, sollte aber so (oder so ähnlich) funktionieren. Ein Vorteil ist übrigens, dass du nicht für jede Seite die UID einzeln angeben musst. Dank "special.directory" reichen die UIDs der übergeordneten Seiten.

Grüße

EDIT: Juhu! Mein Post #200. Muss ich jetzt Kuchen ausgeben oder sowas?

joshua
T3PO

0 x
24 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
28. 04. 2011, 11:23

Hallo und herzlichen Dank für die Antwort. Ich probiere das mal aus.
Nen Stück Kuchen würde ich natürlich nehmen, aber du hattest doch so auch schon geholfen :-)
djlocke
TYPO3-Anwärter

0 x
6 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
14. 01. 2013, 18:09

Guten Tag,
ich bin auch noch auf der suche nach einem Footer menu wie bei Hannover96 http://www.hannover96.de/CDA/index.php?id=home.
Bei mir hat die unten geschreibene Anleitung leider nicht funktioniert es erscheint auf der siete nichts. GIbt es mittlerweile vielleicht auch eine extension die dies kann zufällig??
gruß Marc

slobodan
T3PO

0 x

17	Beiträge
0	Hilfreiche Beiträge

11. 02. 2013, 20:19

Hallo zusammen,
da hatten sich zwei geschweifte Klammern eingeschlichen ... jeweils nach den beiden "TMENU". Beide gelöscht und es funktioniert 1A.

[quote="aclaes"]
Hallo,

das ist eigentlich recht einfach. Ich würde im Seitenbaum eine solche Navigationsstruktur anlegen:

Und dann nimmst du so ein TypoScript:

temp.footernavigation = COA
temp.footernavigation {
   # Wrap um die ganze Footer Navigation
   wrap = <div class="footer_body">|</div<
   # Spalte 1
   10 = COA
   10 {
      # Wrap um die Spalte
      wrap = <div class="col1">|</div>
      # Dynamisch erzeuge Überschrift
      10 = HMENU
      10 {
         special = list
         special.value = 1
         1 = TMENU 
         1 {
            noBlur = 1
            NO = 1
            NO {
               wrap = <h4>|</h4>
            }
         }
      }
      # Dynamisch erzeugte Linkliste
      20 = HMENU
      20 {
         special = directory         
         special.value = 1
         wrap = <ul>|</ul>
         1 = TMENU 
         1 {
            noBlur = 1
            NO = 1
            NO {
               wrap = <li>|</li>
            }
         }
      }
   }
 
   # Spalte 2
   20 < .10
   20.wrap = <div class="col2">|</div>
   20.10.special.value = 2
   20.20.special.value = 2
 
   # Spalte 3
   30 < .10
   30.wrap = <div class="col3">|</div>
   30.10.special.value = 3
   30.20.special.value = 3
}
 
# Marker aus HTML-Tempalte ersetzen
marks.FOOTER < temp.footernavigation