Sie sind hier: CodeBase / Typoscript - Typo3 / Menus / ul Listen Menu mit 2 Ebenen (GEMENU)
6.1.2009 : 13:41 : +0100

Listen Menu mit 2 Ebenen als grafisches GMENU

  1. lib.MENU_LEFT >
  2. lib.MENU_LEFT = HMENU
  3. lib.MENU_LEFT{
  4.   entryLevel=0
  5.   1 = GMENU
  6.   1{
  7.  
  8.     wrap = <ul class="LEV_1">|</ul>
  9.     NO{
  10.     backColor = #B4152B
  11.     transparentBackground=1
  12.     XY = [20.w]+20, 16                  
  13.  
  14.     10 = TEXT
  15.  
  16.     10.text.data = register:count_HMENU_MENUOBJ
  17.     10.text.wrap = 0|
  18.  
  19.     10.fontFile = fileadmin/site_fonts/DINEN___.ttf
  20.     10.fontSize = 16
  21.     10.fontColor = #a49989
  22.     10.offset = 0,16
  23.     10.niceText = 0
  24.  
  25.     20 = TEXT
  26.     20.text.field = title
  27.     20.fontFile = fileadmin/site_fonts/DINEN___.ttf
  28.     20.fontSize = 16
  29.     20.fontColor = #ffffff
  30.     20.offset = 20,16
  31.     20.niceText = 0
  32.     20.text.case = upper
  33.       allWrap = <li class="NO">|</li>
  34.     }
  35.  
  36.     ACT < .NO
  37.     ACT=1
  38.     ACT{
  39.       backColor=#7E0F1E
  40.       20.fontColor = #cccccc
  41.       allWrap = <li class="ACT">|</li>
  42.     }
  43.  
  44.     ACTIFSUB < .NO
  45.     ACTIFSUB =1
  46.     ACTIFSUB {
  47.       backColor=#7E0F1E
  48.       20.fontColor = #cccccc
  49.       allWrap = <li class="ACTIFSUB">|</li>
  50.     }
  51.   }
  52.   2 < .1
  53.  
  54.   2{
  55.     wrap = <li><ul class="LEV_2">|</ul></li>
  56.     allWrap = <li class="NO">|</li>  
  57.     NO{
  58.           backColor=#7E0F1E
  59.     10 >  
  60.     XY = [20.w]+0, 15       
  61.     10.offset = 0,14           
  62.     10.fontSize = 16
  63.     20.offset = 0,14           
  64.     20.fontSize = 16
  65.     20.text.case = 
  66.     }
  67.  
  68.     ACT{
  69.     10 >  
  70.     XY = [20.w]+0, 15       
  71.     10.offset = 0,14           
  72.     10.fontSize = 16
  73.     20.offset = 0,14           
  74.     20.fontSize = 16
  75.     20.fontColor = #ffffff
  76.     20.text.case = 
  77.     }
  78.   }
  79. }
  80.  

CSS zum Typoscript

  1. .MENU_LEFT{
  2. 	float:left;
  3. }
  4.  
  5. .MENU_LEFT ul{
  6. 		margin:0px 0px 0px 0px;
  7. 		padding:0px;
  8. 		list-style:none;
  9. 		padding-bottom:0px;
  10. 	}
  11.  
  12. 	.MENU_LEFT li{
  13. 		padding:0;
  14. 		margin:0;
  15. 		display:inline;
  16. 	}
  17.  
  18. 		.MENU_LEFT a{
  19. 			width:177px;
  20. 			display:block;
  21. 			border-bottom:1px solid #fff;
  22. 			padding:13px 0px 15px 20px;
  23. 			text-decoration:none;
  24. 		}
  25.  
  26. 		.MENU_LEFT .ACT a{
  27. 			text-decoration:none;
  28. 			background:#7e0f1e;
  29. 		}
  30.  
  31. 			.MENU_LEFT ul.LEV_1{
  32. 				border-top:solid 1px #8c3e2e;
  33. 			}
  34.  
  35. 				.MENU_LEFT li.ACT{
  36. 					background-color:transparent;
  37. 					border-bottom:none;
  38. 				}
  39.  
  40. 				.MENU_LEFT li.ACTIFSUB a{
  41. 					border:none;
  42. 					padding:13px 0px 10px  20px;
  43. 					background-color:#7e0f1e;
  44. 				}
  45.  
  46. 				.MENU_LEFT ul.LEV_2{
  47. 					margin:0px 0px 0px 0px;
  48. 					padding:0;
  49. 					font-size:14px;
  50. 					border-bottom:1px solid #fff;
  51. 					padding-bottom:13px;
  52. 					background:#7e0f1e;
  53. 				}
  54.  
  55. 					.MENU_LEFT ul.LEV_2 li{
  56. 						margin:0;
  57. 						padding:0;
  58. 					}
  59.  
  60. 					.MENU_LEFT .LEV_2 a{
  61. 						padding:3px 0px 3px 54px;
  62. 						width:131px;
  63. 						background:url(../site_images/menu_left_lev2_no.png) 42px 8px no-repeat;
  64. 					}
  65.  
  66. 					.MENU_LEFT .LEV_2 .ACT a{
  67. 						border:none;
  68. 						background:url(../site_images/menu_left_lev2_act.png) 42px 8px no-repeat;
  69. 					}
  70.  
  71. 					.MENU_LEFT .LEV_2 .NO a{
  72. 						border:none;
  73.  
  74. 					}
  75. 					.MENU_LEFT .LEV_2 .CUR a{
  76. 						background:#f2f0e8;
  77. 						border-top:1px solid #000;
  78. 						border-bottom:1px solid #fff;
  79. 					}
  80.  
  81. 						.MENU_LEFT ul.LEV_3{
  82. 							margin:0px 0px 0px 0px;
  83. 							padding:0;
  84. 							font-size:12px;
  85. 							border:none;						
  86. 						}
  87.  
  88. 							.MENU_LEFT .LEV_3 a{
  89. 								padding-left:50px;
  90. 								padding-top:5px;
  91. 								padding-bottom:5px;
  92. 								width:180px;
  93. 								font-weight:normal;
  94. 							}
  95.  
  96. 							.MENU_LEFT .LEV_3 .CUR a{
  97. 								background:#f2f0e8;
  98. 								border-top:1px solid #000;
  99. 								border-bottom:1px solid #000;
  100. 							}