TYPO3 Typoscript Menü Snippets Überblick

### Typoscript Code ##########
lib.sitemap1 = HMENU
lib.sitemap1.special = directory
lib.sitemap1.special.value = 3
lib.sitemap1{
1 = TMENU
1{
noBlur = 1
expAll = 1
target = _self
wrap = <div class="sm"><ul>|</ul></div>
NO{
allWrap =
linkWrap =
allWrap = |<span class="usb">. </span>
#wrapItemAndSub = <li class="sm1">|</li>
wrapItemAndSub = <li class="sm1first">|</li> |*| <li class="sm1">|</li> |*| <li class="sm1last">|</li>
ATagBeforeWrap = 0
}
}
2 < .1
2.wrap = <ul>|</ul>
2.NO.wrapItemAndSub = <li class="sm2first">|</li> |*| <li class="sm2">|</li> |*|<li class="sm2last">|</li>
3 < .2
3.NO.wrapItemAndSub = <li class="sm3first">|</li> |*| <li class="sm3">|</li> |*| <li class="sm3last">|</li>
4 < .2
4.NO.wrapItemAndSub = <li class="sm4first">|</li> |*| <li class="sm4">|</li> |*| <li class="sm4last">|</li>
}

/*-------------CSS---------------------*/
.sm{
width:370px;
}
.sm ul{
list-style:none;
background-image: url(../../../../uploads/tx_tllbaseext/sm_ul_bg_05.gif);
	background-repeat: repeat-y;
	padding:0px;
	margin:0px;
}
.sm ul ul{
	position: relative;
	left: 25px;	
}
.sm a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;	
}
.sm a:hover{
	text-decoration: underline;	
 
}
.sm li{
	padding:6px;
}
* html .sm li{
padding:0px;
}
.sm li a{
	padding-left:13px;
}
 
.sm .sm1first, .sm .sm1, .sm .sm1last{
        background-repeat: no-repeat;
	padding-left: 10px;
	padding-top:3px;
}
.sm .sm1first{
	background-image: url(../../../../uploads/tx_tllbaseext/sitemap_03.gif);
}
.sm .sm1{
	background-image: url(../../../../uploads/tx_tllbaseext/sitemap_06.gif);
}
.sm .sm1last{
	background-image: url(../../../../uploads/tx_tllbaseext/sitemap_07.gif);
}
/*
* html .sm .sm1first, * html .sm .sm1, * html .sm .sm1last{
	padding-top:0px;
}
*/
.sm .sm1first a, .sm .sm1 a, .sm .sm1last a{
	font-weight: bold;
	color: #99756d;
	text-decoration: none;
}
.sm .sm2first a, .sm .sm2 a, .sm .sm2last a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 0.9em;
}
.sm .sm3first a, .sm .sm3 a, .sm .sm3last a{
	
	font-weight: bold;
	color: #99756d;
	text-decoration: none;
}
.sm .sm4first a, .sm .sm4 a, .sm .sm4last a{
	font-size: 0.8em;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
.sm .sm2first, .sm .sm2, .sm .sm2last{
        background-repeat: no-repeat;
	padding-left: 10px;
	padding-top:3px;
}
.sm .sm2first{
	background-image: url(../../../../uploads/tx_tllbaseext/sm2_bg_09.gif);
}
.sm .sm2{
	background-image: url(../../../../uploads/tx_tllbaseext/sm2_bg_09.gif);
}
.sm .sm2last{
	background-image: url(../../../../uploads/tx_tllbaseext/sitemap_12.gif);
}
/*
* html .sm .sm2first, * html .sm .sm2, * html .sm .sm2last{
	padding-top:0px;
}
*/
.sm .sm3first, .sm .sm3, .sm .sm3last{
        background-repeat: no-repeat;
	padding-left: 10px;
	padding-top:3px;
}
.sm .sm3first{
	background-image: url(../../../../uploads/tx_tllbaseext/sm2_bg_09.gif);
}
.sm .sm3{
	background-image: url(../../../../uploads/tx_tllbaseext/sm2_bg_09.gif);
}
.sm .sm3last{
	background-image: url(../../../../uploads/tx_tllbaseext/sitemap_12.gif);
}
/*
* html .sm .sm3first, * html .sm .sm3, * html .sm .sm3last{
	padding-top:0px;
}
*/
.sm .sm4first, .sm .sm4, .sm .sm4last{
        background-repeat: no-repeat;
	padding-left: 10px;
	padding-top:3px;
}
.sm .sm4first{
	background-image: url(../../../../uploads/tx_tllbaseext/sm2_bg_09.gif);
}
.sm .sm4{
	background-image: url(../../../../uploads/tx_tllbaseext/sm2_bg_09.gif);
}
.sm .sm4last{
	background-image: url(../../../../uploads/tx_tllbaseext/sitemap_12.gif);
}
/*
* html .sm .sm4first, * html .sm .sm4, * html .sm .sm4last{
	padding-top:0px;
}
*/
.sm .usb{
	display:none;
}