Sie sind hier: CodeBase / Typoscript - Typo3 / Menus / ul Listen Menu mit 3 Ebenen (TMENU)
6.1.2009 : 13:58 : +0100

Listen Menu mit 3 Ebenen 

  1. lib.MENU_LEFT=HMENU
  2. lib.MENU_LEFT.entryLevel=0
  3. lib.MENU_LEFT.wrap=|
  4. lib.MENU_LEFT.1=TMENU
  5. lib.MENU_LEFT.1{
  6.  
  7.   wrap=<ul class="LEV_1">|</ul>
  8.   NO.linkWrap=<li class="NO">|</li>
  9.   ACT=1
  10.   ACT.linkWrap=<li class="ACT">|</li>
  11.   CUR=1
  12.   CUR.linkWrap=<li class="CUR">|</li>
  13. }
  14.  
  15. lib.MENU_LEFT.2=TMENU
  16. lib.MENU_LEFT.2{
  17.  
  18.   wrap=<li><ul class="LEV_2">|</ul></li>
  19.  
  20.   NO.linkWrap=<li class="NO">|</li>
  21.   ACT=1
  22.   ACT.linkWrap=<li class="ACT">|</li>
  23.   CUR=1
  24.   CUR.linkWrap=<li class="CUR">|</li>
  25. }
  26.  
  27. lib.MENU_LEFT.3=TMENU
  28. lib.MENU_LEFT.3{
  29.  
  30.   wrap=<li><ul class="LEV_3">|</ul></li>
  31.   NO.linkWrap=<li class="NO">|</li>
  32.   ACT=1
  33.   ACT.linkWrap=<li class="ACT">|</li>
  34.   CUR=1
  35.   CUR.linkWrap=<li class="CUR">|</li>
  36. }

CSS zum Typoscript

  1. .MENU_LEFT{
  2. 	border-bottom:6px solid #ffffff;
  3. 	font-size:11px;
  4. 	width:200px;
  5. 	}
  6.  
  7. 		.MENU_LEFT ul{
  8. 			margin:0px 0px 0px 0px;
  9. 			padding:0px;
  10. 			list-style:none;
  11. 			padding-bottom:0px;
  12. 		}
  13.  
  14. 		.MENU_LEFT li{
  15. 			padding:0;
  16. 			margin:0;
  17. 			display:inline;
  18. 		}
  19.  
  20. 		.MENU_LEFT a{
  21. 			width:170px;
  22. 			display:block;
  23. 			border-bottom:solid 1px #fff;
  24. 			padding:4px 0px 2px 30px;
  25. 			font-weight:bold;
  26. 			color:#666;
  27. 			text-decoration:none;
  28. 			background:url(../site_img/NAV_POINTER.gif) 10px center no-repeat;
  29. 		}
  30.  
  31. 		.MENU_LEFT .ACT a{
  32. 			color:#3c6fb0;
  33. 			text-decoration:none;
  34. 			padding:4px 0px 2px 30px;
  35. 			background:url(../site_img/NAV_POINTER.gif) 10px center no-repeat;
  36. 			background-color:#f0f0f0;
  37. 		}
  38. 		.MENU_LEFT ul.LEV_1{
  39. 			border-top:solid 1px #fff;
  40. 		}
  41.  
  42. 			.MENU_LEFT li.ACT{
  43. 				background-color:#f0f0f0;
  44. 			}
  45.  
  46. 			.MENU_LEFT li.CUR a{
  47. 				border-top:1px solid #F68B0E;
  48. 				border-bottom:1px solid #F68B0E;
  49. 				margin-top:-1px;
  50. 				background-color:#ffffff;
  51. 				}
  52.  
  53. 		.MENU_LEFT ul.LEV_2{
  54. 			margin:0px 0px 0px 0px;
  55. 			padding:0;
  56. 			border:none;
  57. 			background-color:#f0f0f0;
  58. 			}
  59.  
  60. 			.MENU_LEFT ul.LEV_2 li{
  61. 				margin:0;
  62. 				padding:0;
  63. 			}
  64.  
  65. 			.MENU_LEFT .LEV_2 a{
  66. 				padding-left:40px;
  67. 				width:160px;
  68. 				background:url(../site_img/NAV_ARROW_NO.gif) 30px center no-repeat;
  69. 			}
  70.  
  71. 			.MENU_LEFT .LEV_2 .ACT a{
  72. 				color:#3c6fb0;
  73. 				background:url(../site_img/NAV_ARROW_ACT.gif) 30px center no-repeat;
  74. 			}
  75. 			.MENU_LEFT .LEV_2 .CUR a{
  76. 				color:#3c6fb0;
  77. 				background:url(../site_img/NAV_ARROW_ACT.gif) 30px center no-repeat;
  78. 				background-color:#ffffff;
  79. 			}
  80.  
  81. 		.MENU_LEFT ul.LEV_3{
  82. 			margin:0px 0px 0px 0px;
  83. 			padding:0;
  84. 			font-size:10px;
  85. 			border:none;
  86.  
  87. 			}
  88. 			.MENU_LEFT ul.LEV_3 li{
  89. 			}
  90.  
  91. 			.MENU_LEFT .LEV_3 a{
  92. 				padding-left:50px;
  93. 				width:150px;
  94. 				font-weight:normal;
  95. 				background:url(../site_img/NAV_SUB_SUB_POINTER.gif) 40px center no-repeat;
  96. 			}
  97. 			.MENU_LEFT .LEV_3 .ACT a{
  98. 				color:#3c6fb0;
  99. 				background:url(../site_img/NAV_SUB_SUB_POINTER.gif) 40px center no-repeat;
  100. 			}
  101. 			.MENU_LEFT .LEV_3 .CUR a{
  102. 				color:#3c6fb0;
  103. 				background:url(../site_img/NAV_SUB_SUB_POINTER.gif) 40px center no-repeat;
  104. 				background-color:#FFFFFF;
  105. 			}