TYPO3 Typoscript Menü Snippets Überblick

 

Grafisches Layer-Menü (Horizontal)

forum
typoscript
module

temp.navText = TEXT
temp.navText {
  text.field = nav_title // title
  offset = 0,0
  fontFile = fileadmin/templates/fonts/arial.ttf
  fontSize = 12
  fontColor = #FFFFFF
  niceText = 1
}

page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php


lib.mainnav = HMENU
lib.mainnav{
	entryLevel = 0
	wrap = <div id="glayernav">|</div>
	1 = GMENU_LAYERS
	1 {
  		wrap =<table cellspacing="0" cellpadding="0"><tr>|</tr></table>
		displayActiveOnLoad = 1
		displayActiveOnLoad.onlyOnLoad = 1
  		freezeMouseover = 1
  		dontHideOnMouseUp = 0
  		hideMenuWhenNotOver = 10
  		hideMenuTimer = 450
  		relativeToTriggerItem = 1
  		directionUp = 0
  		layerStyle = border:0px solid #444; background-color: #c3e922; position:absolute;left:0px;top:27px;margin:23px 0px 0px 0px; padding: 2px;VISIBILITY:hidden; 
  		xPosOffset = -180
  		yPosOffset = 0
  		lockPosition =x
  		expAll=1
  
  		NO{	
  			XY = [10.w]+21,23
 			backColor = #444444
			10 < temp.navText
			10.offset = 10,16
			10.align = left
			wrap=<td>|</td>
  		}
  		RO < .NO
  		RO = 1
  		RO{
  			backColor = #c3e922
  			10.fontColor = #000000
  		}
  		ACT < .RO
  		ACT = 1
  		ACT{
  			4.file = #FFFFFF
			10.fontColor = #000000
			20.fontColor = #FFFFFF
  		}
  		CUR < .ACT
  		CUR = 1
  		CUR{
  			doNotLinkIt = 1
			10.fontColor = #000000
			20.fontColor = #FFFFFF
			ATagParams = class="noLink"
  		}
	}
	2 = GMENU
	2{
		relativeToParentLayer = 1
  		expAll = 1
  		disableAltText = 1
  		wrap (
    			<table cellpadding="0" cellspacing="0" border="0" ><tr><td valign="bottom">|</td></tr></table>
  		)
  		
  		NO{
  			XY = 100,20
  			backColor = #c3e922
  			10 < temp.navText
  			10 {
    				offset = 5,15
    				fontSize = 10
    				fontColor = #000000
    				niceText = 1
    				align = left
  			}
  			wrap = | <br />
  		}
  		RO < .NO
  		RO = 1
  		RO{
  			10.fontColor = #FFFFFF
			backColor = #444444
  		}
  		ACT < .RO
  		ACT = 1
  		ACT{
  			10.fontColor = #ffffff
  		}
  		CUR < .ACT
  		CUR = 1
  		CUR{
  			doNotLinkIt = 1
  			10.fontColor = #FFFFFF
  		}
	}
}
#glayernav{
  background-color:#444444;
  display:block;
  float:left;
  height:23px;
  margin:0px;
  overflow:hidden;
  width:416px;
}
Zu den Code Snippets