[TYPO3-english] Horizontal menu example

Vikram [5E] vikram at fiveetech.com
Wed May 22 10:18:01 CEST 2013


On 20-05-2013 14:23, Pero Peric wrote:
> On 18.5.2013. 11:39, Vikram [5E] wrote:
>> On 5/17/2013 9:29 PM, Rocketjock wrote:
>>> On 5/17/2013 7:58 AM, bernd wilke wrote:
>>>> Am 17.05.2013 10:56, schrieb Pero Peric:
>>>>> On 17.5.2013. 8:30, bernd wilke wrote:
>>>>>> Am 16.05.2013 17:48, schrieb Pero Peric:
>>>>>>> Hi.
>>>>>>>
>>>>>>> Does anybody have some horizontal menu example in TS or HTML/CSS? It
>>>>>>> should look like this:
>>>>>>>
>>>>>>> Item1 Item2 Item3 Item4 Item5
>>>>>>>
>>>>>>> and when hoovered over Itemx submenu should appear right beneath
>>>>>>> like
>>>>>>> this:
>>>>>>>
>>>>>>> Item1 Item2 Item3 Item4 Item5
>>>>>>> Subitem1 Subitem2 Subitem3 Subitem4
>>>>>>
>>>>>> for such a menu TYPO3 only needs to deliver nested ULs.
>>>>>> the rest is done with css and/or javascript
>>>>>>
>>>>>> in older days this was done with pure css.
>>>>>> you may find some solutions with the searchword 'suckerfish'
>>>>>
>>>>> Yep.. i googled and hardly found one. Hope it will work. Thx.
>>>>
>>>> hm, other searchword might be flyout-menu.
>>>> e.g.
>>>> http://t3n.de/news/10-freie-html5-435735/ (in german but the linked
>>>> examples/ tutorials are in english.
>>>>
>>>> bernd
>>> Look in Typo3.org's snippets. There are a few good menus in there.
>>> http://typo3.org/documentation/snippets/
>>> David
>>>
>>
>> Do you need some like we have in our newly implemented website at
>> http://fiveetech.com/
>
>
> Yeah, this looks cool. Can you send me TS for it? Thx!
>
> Regards.
>

Pero,

here is the TS below. The menu have space for improvement. if you do 
that do send me the code ;-)

############## menuTop  #############
lib.menuTop = COA
lib.menuTop {
	1= HMENU
	1{
		special =  directory
		special.value = 1
		1 = TMENU		
		1 {
			expAll=1
			wrap = <ul id="topMenu_Level_1_UL"> | </ul>
			NO.wrapItemAndSub = <li class="topMenu_Level_1_LI_NO"> | &#124;</li> 
|*| <li class="topMenu_Level_1_LI_NO"> | &#124;</li> |*|  <li 
class="topMenu_Level_1_LI_NO"> | </li>
			ACT = 1
			ACT.wrapItemAndSub = <li class="topMenu_Level_1_LI_ACT" > | 
&#124;</li> |*| <li class="topMenu_Level_1_LI_ACT" > | &#124;</li> |*| 
<li class="topMenu_Level_1_LI_ACT" > | </li>
			ACT.ATagParams = class="topMenu_Level_1_LINK_ACT"
		}  	
		2 = TMENU
		2 {
			expAll=1
			wrap = <div id="topMenu_Level_2_DIV"><ul id="topMenu_Level_2_UL"> | 
</ul></div>
			NO.wrapItemAndSub = <li class="topMenu_Level_2_LI_NO"> | &#124;</li> 
|*| <li class="topMenu_Level_2_LI_NO"> | &#124;</li> |*|  <li 
class="topMenu_Level_2_LI_NO"> | </li>
			ACT = 1
			ACT.wrapItemAndSub = <li class="topMenu_Level_2_LI_ACT" > | 
&#124;</li> |*| <li class="topMenu_Level_2_LI_ACT" > | &#124;</li> |*| 
<li class="topMenu_Level_2_LI_ACT" > | </li>
			ACT.ATagParams = class="topMenu_Level_2_LINK_ACT"
		}		

	}
	
}


regards
Vikram


More information about the TYPO3-english mailing list