[TYPO3-UG Dutch] (no subject)

[Jean-Pierre Defeyter]

Met onderstaande typoscript en CSS probeer ik een soort van foldoutmenu te
maken 

Bij het uitvouwen mag er geen submenu komen maar wel een bijkomende tekst(
verduidelijking van het menu item)

 

Het is bij dit laatste dat ik struikel

{$menu{field:uid}} zou dan afhankelijk van het menu item een vooraf
gedefinieerde tekst moeten geven ( vb. <b class="h2">MenuItem*</b><br /> <b
class="h3">Hier komt bijkomende tekst</b><br />verbonden aan dit menuitem

 

Kan iemand mij op weg helpen hoe dit op te lossen ?

 

Mvg

Jean-Pierre

 

lib.mainMenu = HMENU 
lib.mainMenu.entryLevel = 0 
lib.mainMenu.wrap = <ul id="menu">|</ul> 
lib.mainMenu.1 = TMENU 
lib.mainMenu.1{ 
NO { 
        allWrap.insertData = 1 
        allWrap = <li id="menuitem"><a href="index.php?id={field:uid}"><img
src="fileadmin/templates/images/menu{field:uid}.gif"
/><span>{$menu{field:uid} } | 
        wrapItemAndSub = |</span></a></li> 
        doNotShowLink = 1 
} 
ACT=1 
ACT { 
        allWrap.insertData = 1 
        allWrap = <li id="menuitemactive"><a
href="index.php?id={field:uid}"><img
src="fileadmin/templates/images/menu{field:uid}.gif" /><span>textmenu| 
        wrapItemAndSub = |</span></a></li> 
        doNotShowLink = 1 
} 
}

 

 

 

CSS:

.outer {background:transparent;font-size:0.9em;}

#menu
{margin:0;padding:0;width:500px;height:324px;overflow:hidden;background:(ima
ges/page_bg.jpg) repeat scroll 0% 50%;;list-style-type:none;}

#menuitem {display:inline;list-style-type:none;}

#menuitem a {display:block;float:left;text-decoration:none;margin:0;}

#menuitem a img
{opacity:0.7;margin:0;border:0;float:left;height:324px;width:32px;}

#menuitem a span {display:none;}

#menuitem a:hover {background:(images/page_bg.jpg) repeat scroll 0% 50%}

#menuitem a:hover img {opacity:1;}

#menuitem a:hover span
{width:10em;color:#aaaaaa;display:block;cursor:pointer;float:left;}

#menuitem .h2 {margin:0
0px;padding:0;color:#000000;font-variant:small-caps;font-size:1em;border:0;}

#menuitem .h3 {margin:0 0px; padding:0;font-size:1em;color:#000000;}

 

#menuitemactive {display:inline;list-style-type:none;}

#menuitemactive a {display:block;float:left;text-decoration:none;margin:0;}

#menuitemactive a img
{opacity:0.7;margin:0;border:0;float:left;height:324px;width:32px;}

#menuitemactive a span
{width:10em;color:#aaaaaa;display:block;cursor:pointer;float:left;}

#menuitemactive a:hover {background:(images/page_bg.jpg) repeat scroll 0%
50%}

#menuitemactive a:hover img {opacity:1;}

#menuitemactive a:hover span
{width:10em;color:#aaaaaa;display:block;cursor:pointer;float:left;}

#menuitemactive .h2 {margin:0
0px;padding:0;color:#000000;font-variant:small-caps;font-size:1em;border:0;}

#menuitemactive .h3 {margin:0 0px; padding:0;font-size:1em;color:#000000;}