Ein TMENU_LAYERS muss nicht, wie in vielen Tutorials gezeigt, aus Tabellen bestehen. Der Code ist dadurch extrem unübersichtlich und auch viel größer als eigentlich notwendig.
Ich will hier einmal kurz zeigen, wie ein einfaches auf DIV basierendes TMENU_LAYERS ausehen kann. Im Zusammenspiel mit einer Prise CSS, hat man so schnell ein PopUp Menü in TYPO3 umgesetzt.
Vorweg gleich das Resultat.
Mit diesem Setup Code erhält man ein valides auf DIV basierendes TMENU_LAYERS:
subparts.nav = HMENU
subparts.nav.1 = TMENU_LAYERS
subparts.nav.1 {
VISIBILITY:hidden;
lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
topOffset=-1
leftOffset=188
hideMenuWhenNotOver = 50
hideMenuTimer = 70
expAll=1
wrap = <div id="all_nav1">|</div>
NO.allWrap = <div class="nav1"> | </div>
ACT = 1
ACT.allWrap = <div class="nav1_act"> | </div>
}
subparts.nav.2 = TMENU_LAYERS
subparts.nav.2 {
VISIBILITY:hidden;
lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
topOffset=10
leftOffset=15
expAll=1
wrap = <div id="all_nav2">|</div>
NO.allWrap = <div class="nav2"> | </div>
ACT = 1
ACT.allWrap = <div class="nav2_act"> | </div>
}
Sieht wesentlich besser aus. Oder?
Ich habe hier noch zusätzlich die tmenu_layers.php editiert um in allen Browsern eine korrekte Darstellung zu erzielen. Opera macht ansonsten massive Probleme, da er das position:absolute der Layers irgendwie falsch interpretiert. Sieht man auf allen Seiten die ein “Standard” TMENU_LAYERS verwenden. Dort erscheinen dann die aufklappbaren Ebenen oben links im Browserfenster.
Denkbar schlecht, denn eine Navigation ist damit im Opera nicht mehr richtig möglich.