TYPO3 Typoscript Menü Snippets Überblick
GMENU Horizontal mit RollOver
### 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;
}