TYPO3 Typoscript Menü Snippets Überblick

### Typoscript Code ##########
lib.sitemap2 = HMENU
lib.sitemap2{
wrap = <div class="csc-sitemap">|</div>
1 = TMENU
1{
wrap = <ul>|</ul>
NO = 1
NO{
wrapItemAndSub = <li>|</li>
}
}
2 < .1
3 < .1
}

/*-------------CSS---------------------*/
.csc-sitemap ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
.csc-sitemap li a{
  padding:2px;
  padding-left:16px;
  height:17px;
  color:#0055aa;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_navi.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
.csc-sitemap li li{
  margin-left:20px;
  margin-bottom:2px;
}
.csc-sitemap li{
  margin:4px 0px;
   
}
.csc-sitemap li li a{
  background-color:#ffffff;
  padding:2px;
  padding-left:30px;
  height:17px;
  font-size:11px;
  font-weight:normal;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_subnavi.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
.csc-sitemap li li li a{
  background-color:#ffffff;
  padding:2px;
  padding-left:30px;
  height:17px;
  font-size:10px;
  font-weight:normal;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_subnavi.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
.csc-sitemap li li li li a{
  background-color:#ffffff;
  padding:2px;
  padding-left:30px;
  height:17px;
  font-size:10px;
  font-weight:normal;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_subnavi.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
.csc-sitemap li li a:hover{
 
}
.csc-sitemap li li li{
  /*margin-left:40px;*/
  margin-bottom:2px;
}
.csc-sitemap li li li li{
  /*margin-left:60px;*/
  margin-bottom:2px;
}