[Typo3] Dropdown Menus
Peter Kindström
peter.kindstrom at abc.se
Sun Aug 28 11:51:58 CEST 2005
Hi Michael,
> Hi, I'm about to convert an existing website [1] to Typo3 and want to
> know how to set up dropdown menus similar to the existing menus on the
> site [http://www.frickers.co.uk/].
This is how I do it on my (swedish) page:
http://www.infolagret.se/index.php?id=64
<code>
# ------------------------------------------------------
# Fold-out-menu
# ------------------------------------------------------
includeLibs.menu_layers = media/scripts/tmenu_layers.php
lib.menu1 = HMENU
# lib.menu1.entryLevel = 1
lib.menu1.1 = TMENU_LAYERS
lib.menu1.1.wrap = <table border="0" cellspacing="0"
cellpadding="0"><tr>|</tr></table>
lib.menu1.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
lockPosition = x
expAll=1
relativeToTriggerItem = 1
relativeToParentLayer = 1
topOffset=17
leftOffset=0
hideMenuWhenNotOver = 1
hideMenuTimer = 50
NO {
allWrap = <td class="td-menu1-1">|</td>
linkWrap = <div class="menu1-1">|</div>
}
ACT =1
ACT.allWrap = <td class="td-menu1-1-act">|</td>
ACT.linkWrap = <div class="headactive">|</div>
}
lib.menu1.2 = TMENU
lib.menu1.2.wrap = <table border="0" bgcolor="#F1E0AC"
cellspacing="0" cellpadding="0" class="table-menu1-2"> | </table>
lib.menu1.2.NO {
allWrap = <tr><td class="td-menu1-2">|</td></tr>
linkWrap = <div class="menu1-2">|</div>
}
</code>
<css>
.td-menu1-1 {
padding-left: 5px;
padding-right: 5px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
font-weight : bold;
text-decoration: none;
}
.td-menu1-1-act {
padding-left: 5px;
padding-right: 5px;
}
.table-menu1-2 {
background-image: url("menubg.gif");
background-color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 15px;
}
</css>
I also have a variant with two levels of submenues, but that has
some "special features" involved. If you like I can send it to you.
You can also look at Marlies TMENU_LAYERS tutorial:
http://www.mcuniverse.com/TMENU_LAYERS_Tutorial.1098.0.html
/Peter Kindström
More information about the TYPO3-english
mailing list