[Typo3-UG Dutch] Horzintaal menu
Paul Maas
paul at paulm.nl
Thu Feb 10 17:24:37 CET 2005
Bedankt, ik ben er even mee bezig geweestmaar wat heb je nou precies in je
template staan? Ik heb:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>#1.1 DropDownMenuX example 1</title>
<style type="text/css">
body {
font: 11px tahoma;
background: #ffffff;
margin: 0;
padding: 50px;
}
</style>
<link rel="stylesheet" type="text/css" href="example1.css" />
<script type="text/javascript" src="../ie5.js"></script>
<script type="text/javascript" src="DropDownMenuX.js"></script>
</head>
<body>
<table cellspacing="0" cellpadding="0" id="menu1" class="ddmx">
<tr id="menu_hor">
<td> <a class="item1" href="javascript:void(0)">Products</a>
<div class="section"> <a class="item2" href="example1.html">Product
One</a>
<a class="item2 arrow" href="javascript:void(0)">Product Two<img
src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2"
href="example1.html">Overview</a>
<a class="item2" href="example1.html">Features</a> <a
class="item2" href="example1.html">Requirements</a>
<a class="item2" href="example1.html">Flash Demos</a> </div>
<a class="item2 arrow" href="javascript:void(0)">Product Three<img
src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2"
href="example1.html">Overview</a>
<a class="item2" href="example1.html">Features</a> <a
class="item2" href="example1.html">Requirements</a>
<a class="item2" href="example1.html">Screenshots</a> <a
class="item2" href="example1.html">Flash
Demos</a> <a class="item2 arrow" href="javascript:void(0)">Live
Demo<img src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2" href="example1.html">Create
Account</a>
<a class="item2 arrow" href="javascript:void(0)">Test Drive<img
src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2" href="example1.html">Test
One</a>
<a class="item2" href="example1.html">Test Two</a> <a
class="item2" href="example1.html">Test
Three</a> </div>
</div>
</div>
<a class="item2 arrow" href="javascript:void(0)">Product Four<img
src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2"
href="example1.html">Overview</a>
<a class="item2" href="example1.html">Features</a> <a
class="item2" href="example1.html">Requirements</a>
</div>
<a class="item2" href="example1.html">Product Five</a> </div></td>
<td> <a class="item1" href="javascript:void(0)">Downloads</a>
<div class="section"> <a class="item2" href="example1.html">30-day
Demo
Key</a> <a class="item2 arrow" href="javascript:void(0)">Product One
Download<img src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2" href="example1.html">Linux
Download</a>
<a class="item2" href="example1.html">Solaris Download</a> <a
class="item2" href="example1.html">Windows
Download</a> </div>
<a class="item2 arrow" href="javascript:void(0)">Product Two
Download<img src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2" href="example1.html">Linux
Download</a>
</div>
</div></td>
<td> <a class="item1" href="javascript:void(0)">Support</a>
<div class="section"> <a class="item2" href="example1.html">E-mail
Support</a>
<a class="item2" href="example1.html">Phone Support</a> <a
class="item2" href="example1.html">WWW
support</a> </div></td>
<td> <a class="item1" href="javascript:void(0)">Partners</a>
<div class="section"> <a class="item2"
href="example1.html">Benefits</a>
<a class="item2 arrow" href="javascript:void(0)">Applications<img
src="images/arrow1.gif" width="10" height="12" alt="" /></a>
<div class="section"> <a class="item2"
href="example1.html">Application
One</a> <a class="item2" href="example1.html">Application Two</a>
<a class="item2" href="example1.html">Application
Three</a> <a class="item2" href="example1.html">Application
Four</a>
<a class="item2" href="example1.html">Application Five</a> <a
class="item2" href="example1.html">Application
Six</a> <a class="item2" href="example1.html">Application
Seven</a>
</div>
<a class="item2" href="example1.html">Listing</a> </div></td>
<td> <a class="item1" href="javascript:void(0)">Customers</a>
<div class="section"> <a class="item2" href="example1.html">Customer
One</a>
<a class="item2" href="example1.html">Customer Two</a> <a
class="item2" href="example1.html">Customer
Three</a> </div></td>
<td> <a class="item1" href="javascript:void(0)">About Us</a>
<div class="section"> <a class="item2" href="example1.html">Executive
Team</a>
<a class="item2" href="example1.html">Investors</a> <a class="item2"
href="example1.html">Career
Opportunities</a> <a class="item2 arrow"
href="javascript:void(0)">Press
Center<img src="images/arrow1.gif" width="10" height="12" alt=""
/></a>
<div class="section"> <a class="item2" href="example1.html">Products
Information</a>
</div>
<a class="item2" href="example1.html">Success Stories</a> <a
class="item2" href="example1.html">Contact
Us</a> </div></td>
</tr>
</table>
<p> </p>
<script type="text/javascript">
var ddmx = new DropDownMenuX('menu1');
ddmx.delay.show = 0;
ddmx.delay.hide = 400;
ddmx.position.levelX.left = 2;
ddmx.init();
</script>
</body>
</html>
Nou krijg ik gewoon alle standaard menu items te zien maar niet die van mijn
typo3
-----Oorspronkelijk bericht-----
Van: typo3-ug-dutch-bounces at lists.netfielders.de
[mailto:typo3-ug-dutch-bounces at lists.netfielders.de] Namens Eduard Renger
Verzonden: donderdag 10 februari 2005 11:38
Aan: TYPO3 Usergroup Dutch
CC: typo3-ug-dutch at lists.netfielders.de
Onderwerp: Re: [Typo3-UG Dutch] Horzintaal menu
Paul,
ik ben me sinds een week aan het verdiepen in Typo3 en een horizontaal menu
was 1 van de eerste dingen die ik heb gedaan.
Ik heb daarvoor:
http://gosu.pl/dhtml/mygosumenu.html
gebruikt. released under BSD license (free even for commercial use)
Mijn setup voor het menu ziet er als volgt uit:
# Menu 1 cObject
temp.menu_hor = HMENU
temp.menu_hor.entrylevel = 1
# First level menu-object, textual
temp.menu_hor.1 = TMENU
temp.menu_hor.1 {
expAll = 1
# Normal state properties
NO.allWrap = <td>|</td>
NO.ATagParams= class="item1"
NO.stdWrap.htmlSpecialChars = 1
IFSUB=1
IFSUB.stdWrap.htmlSpecialChars = 1
IFSUB.ATagParams = "href='javascript:;'"
IFSUB.ATagParams= class="item1"
IFSUB.allWrap = <td> | <div class="section">
}
# Second level menu-object, textual
temp.menu_hor.2 = TMENU
temp.menu_hor.2 {
# Normal state properties
NO.allWrap = | |*| | |*| |</div></td>
NO.stdWrap.htmlSpecialChars = 1
NO.ATagParams= class="item2"
}
# Substitute the ###menu_1### subpart with dynamic menu:
subparts.menu_hor < temp.menu_hor
En dan gebruik ik dus menu_hor als id in de template.
Een voorbeeld is hier te zien:
http://rbjeugd.org/dummy/
Site is nog erg buggy want ik ben er net mee bezig. Maar het menu werkt :)
succes!
Eduard
newbie
P.S. NL Typo3 portal lijkt mij een strak plan!
_______________________________________________
Typo3-ug-dutch mailing list
Typo3-ug-dutch at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
**************************************************************
Scanned by eScan Anti-Virus and Content Security Software.
Visit http://www.mwti.net for more info on eScan and MailScan.
**************************************************************
More information about the TYPO3-UG-dutch
mailing list