TYPO3 Typoscript Menü Snippets Überblick

 

GMENU Horizontal mit RollOver

  • Menüs
  • Config
  • Diverse

### Typoscript ###

temp.gifBuilder = GIFBUILDER
temp.gifBuilder{

	XY = [10.w]+25,[10.h]+5
	backColor = #000000
	transparentBackground = 1
	transparentColor = #000000
	10 = TEXT
	10{
		text.field = nav_title // title
		text.case = upper
		fontFile = fileadmin/templates/fonts/arial.ttf
		fontSize = 16
		fontColor = #ffffff
		offset = 4,15
		niceText = 1
		
	}
}
temp.gifBuilderRO < temp.gifBuilder
temp.gifBuilderRO{
	
	10.fontColor = #be0c00
	10.offset = 3,16

	15 = EFFECT
	15{
		value = blur=90
	}
	20 < temp.gifBuilder.10
	
}

lib.gmenu_ro = HMENU
lib.gmenu_ro{
	wrap = <div class="gmenu_ro">|</div>
	entryLevel = 1
	
	1 = GMENU
	1{
		wrap = <ul>|</ul>
		NO = 1
		NO < temp.gifBuilder
		NO{
			allWrap = <li>|</li>
		}
		RO = 1
		RO < temp.gifBuilderRO
		RO{
			allWrap = <li>|</li>
		}
		ACT = 1
		ACT < .RO
	}
}
/*-------CSS ---------------------*/

div.gmenu_ro{
  background-color: #000;
  padding: 4px;
  height: 20px;
}
div.gmenu_ro ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.gmenu_ro li{
  float: left;
}
Zu den Code Snippets