TYPO3 Typoscript Menü Snippets Überblick

 

Horizontales Listenmenü mit Hintergrundbild

### Typoscript Code ##########
lib.menumain = HMENU
lib.menumain{
entryLevel = 0

1 = TMENU
1{
wrap = <div id="hmenu2"><ul>|</ul></div>
noBlur =1
NO{
wrapItemAndSub = <li>|</li>
stdWrap.case = upper
}
}
}
/*-------------CSS---------------------*/
#hmenu2 {
	background-image: url(../../../../uploads/tx_tllbaseext/24visual_06.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 479px;
}

#hmenu2 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#hmenu2 li{
	display: inline;
}

#hmenu2 li a:link, #hmenu2 li a:visited, #hmenu2 li a:hover, #hmenu2 li a:active{
	color:#FFFFFF;
	display:block;
	float: left;
	padding: 0px 10px;
	text-decoration: none;
	font: bold 0.8em/33px Verdana, Arial, Helvetica, sans-serif;
	height: 33px;
	background-image: url(../../../../uploads/tx_tllbaseext/schalter_ende_07.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
Zu den Code Snippets