[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