Hallo zusammen,
habe ein senkrechtes Flyout-Menü mit GMENU und CSS gebastelt. Jetzt habe ich das Problem, dass die Menüpunkte, die Unterseiten haben nicht dargestellt werden. Der reine HTML-Code den TYPO generiert ist zwar richtig (d.h. die Listen werden richtig verschachetelt), aber bei den Grafik-Items (die ein Submenü haben) wird die Grafik wesentlich kleiner generiert, als definiert. Und ich weiss nicht, wo er diese Größenangaben hernimmt.
Hier der Code:
NAVIGATION = HMENU
NAVIGATION {
special = directory
special.value = 7
entryLevel = 1
1 = GMENU
1.wrap = <ul>|</ul>
1.expAll = 1
1.noBlur = 1
1.NO = 1
1.NO {
allWrap = <li>|</li>
XY = 213, 28
10 = TEXT
10 {
text.field = title
fontColor = #0367B5
fontFile = fileadmin/fonts/HelveticaNeueLTPro-LtEx.otf
fontSize = 13
niceText = 1
offset = 16, 17
}
5 < .10
5.offset = 17, 18
5.fontColor = #E0E0E0
20 = IMAGE
20 {
file = GIFBUILDER
file.XY = 213, 1
file.backColor = #024B83
offset = 0, 27
}
}
1.ACT < .1.NO
1.ACT.backColor = #C6E0F5
1.IFSUB = 1
1.IFSUB.allWrap = <li> |
1.ACTIFSUB < .1.IFSUB
2 = GMENU
2.wrap = <ul>|</ul></li>
2.noBlur = 1
2.NO =1
2.NO {
allWrap = <li>|</li>
XY = 200, 28
15 = TEXT
15 {
text.field = title
fontColor = #0367B5
fontFile = fileadmin/fonts/HelveticaNeueLTPro-LtEx.otf
fontSize = 11
niceText = 1
offset = 16, 17
}
10 < .15
10.offset = 17, 18
10.fontColor = #E0E0E0
}
}
Der generierte HTML-Code:
<div id="navigation">
<ul>
<li><a href="index.php?id=8"><img src="typo3temp/menu/52e40937c2.gif" width="213" height="28" border="0" alt="Startseite" /></a></li>
<li><a href="index.php?id=3"><img src="typo3temp/menu/d3d2cdf288.gif" width="120" height="50" border="0" alt="Link1" /></a>
<ul>
<li><a href="index.php?id=22"><img src="typo3temp/menu/96e8e91cab.gif" width="200" height="28" border="0" alt="Link11" /></a></li>
<li><a href="index.php?id=23"><img src="typo3temp/menu/cf96c2dbb9.gif" width="200" height="28" border="0" alt="Link12" /></a></li>
</ul>
</li>
<li><a href="index.php?id=4"><img src="typo3temp/menu/d3d2cdf288.gif" width="120" height="50" border="0" alt="Link2" /></a>
<ul>
<li><a href="index.php?id=19"><img src="typo3temp/menu/bee0105883.gif" width="200" height="28" border="0" alt="Link22" /></a></li>
</ul>
</li>
<li><a href="index.php?id=6"><img src="typo3temp/menu/74d613c598.gif" width="213" height="28" border="0" alt="Link3" /></a></li>
<li><a href="index.php?id=9"><img src="typo3temp/menu/cd16c5a4b0.gif" width="213" height="28" border="0" alt="Link4" /></a></li>
</ul>
</div>
Meine CSS-Definition habe ich mit handgestricktem HTML-Code ausprobiert. Der macht genau das was er soll...
Wäre echt toll, wenn einer einen Hinweis hat, damit meine Items wieder angezeigt werden.
Vielen Dank im voraus!