Sie sind hier: CodeBase / Typoscript - Typo3 / Menus / ul Listen Menu mit 2 Ebenen (GEMENU)

Listen Menu mit 2 Ebenen als grafisches GMENU

lib.MENU_LEFT >
lib.MENU_LEFT = HMENU
lib.MENU_LEFT{
  entryLevel=0
  1 = GMENU
  1{
 
    wrap = <ul class="LEV_1">|</ul>
    NO{
    backColor = #B4152B
    transparentBackground=1
    XY = [20.w]+20, 16                  
 
    10 = TEXT
 
    10.text.data = register:count_HMENU_MENUOBJ
    10.text.wrap = 0|
 
    10.fontFile = fileadmin/site_fonts/DINEN___.ttf
    10.fontSize = 16
    10.fontColor = #a49989
    10.offset = 0,16
    10.niceText = 0
 
    20 = TEXT
    20.text.field = title
    20.fontFile = fileadmin/site_fonts/DINEN___.ttf
    20.fontSize = 16
    20.fontColor = #ffffff
    20.offset = 20,16
    20.niceText = 0
    20.text.case = upper
      allWrap = <li class="NO">|</li>
    }
 
    ACT < .NO
    ACT=1
    ACT{
      backColor=#7E0F1E
      20.fontColor = #cccccc
      allWrap = <li class="ACT">|</li>
    }
 
    ACTIFSUB < .NO
    ACTIFSUB =1
    ACTIFSUB {
      backColor=#7E0F1E
      20.fontColor = #cccccc
      allWrap = <li class="ACTIFSUB">|</li>
    }
  }
  2 < .1
 
  2{
    wrap = <li><ul class="LEV_2">|</ul></li>
    allWrap = <li class="NO">|</li>  
    NO{
          backColor=#7E0F1E
    10 >  
    XY = [20.w]+0, 15       
    10.offset = 0,14           
    10.fontSize = 16
    20.offset = 0,14           
    20.fontSize = 16
    20.text.case = 
    }
 
    ACT{
    10 >  
    XY = [20.w]+0, 15       
    10.offset = 0,14           
    10.fontSize = 16
    20.offset = 0,14           
    20.fontSize = 16
    20.fontColor = #ffffff
    20.text.case = 
    }
  }
}
 

CSS zum Typoscript

.MENU_LEFT{
	float:left;
}
 
.MENU_LEFT ul{
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
		padding-bottom:0px;
	}
 
	.MENU_LEFT li{
		padding:0;
		margin:0;
		display:inline;
	}
 
		.MENU_LEFT a{
			width:177px;
			display:block;
			border-bottom:1px solid #fff;
			padding:13px 0px 15px 20px;
			text-decoration:none;
		}
 
		.MENU_LEFT .ACT a{
			text-decoration:none;
			background:#7e0f1e;
		}
 
			.MENU_LEFT ul.LEV_1{
				border-top:solid 1px #8c3e2e;
			}
 
				.MENU_LEFT li.ACT{
					background-color:transparent;
					border-bottom:none;
				}
 
				.MENU_LEFT li.ACTIFSUB a{
					border:none;
					padding:13px 0px 10px  20px;
					background-color:#7e0f1e;
				}
 
				.MENU_LEFT ul.LEV_2{
					margin:0px 0px 0px 0px;
					padding:0;
					font-size:14px;
					border-bottom:1px solid #fff;
					padding-bottom:13px;
					background:#7e0f1e;
				}
 
					.MENU_LEFT ul.LEV_2 li{
						margin:0;
						padding:0;
					}
 
					.MENU_LEFT .LEV_2 a{
						padding:3px 0px 3px 54px;
						width:131px;
						background:url(../site_images/menu_left_lev2_no.png) 42px 8px no-repeat;
					}
 
					.MENU_LEFT .LEV_2 .ACT a{
						border:none;
						background:url(../site_images/menu_left_lev2_act.png) 42px 8px no-repeat;
					}
 
					.MENU_LEFT .LEV_2 .NO a{
						border:none;
 
					}
					.MENU_LEFT .LEV_2 .CUR a{
						background:#f2f0e8;
						border-top:1px solid #000;
						border-bottom:1px solid #fff;
					}
 
						.MENU_LEFT ul.LEV_3{
							margin:0px 0px 0px 0px;
							padding:0;
							font-size:12px;
							border:none;						
						}
 
							.MENU_LEFT .LEV_3 a{
								padding-left:50px;
								padding-top:5px;
								padding-bottom:5px;
								width:180px;
								font-weight:normal;
							}
 
							.MENU_LEFT .LEV_3 .CUR a{
								background:#f2f0e8;
								border-top:1px solid #000;
								border-bottom:1px solid #000;
							}