Hi Zusammen,
kurz vorweg - ich bin absoluter TypoNewbie, hab schon diverses gelesen, aber für mein derzeitiges Verständnis zu meinem Problem noch nichts passendes gefunden.
Ich möchte gerne folgendes Menü in Typo3 übernehmen, allerdings habe ich (noch)keine Ahnung wie ich das in TS übernehmen bzw. realisieren soll.
Vielleicht wäre hier ja jemand so freundlich und könnte mir bei meinem Problem weiterhelfen.
Auszug aus der main.css:
/***** Left sidebar *****/
#avmenu {
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
}
#avmenu ul {
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
}
#avmenu li {
margin-bottom:5px;
}
#avmenu li a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
}
#avmenu li a:hover, #avmenu li a.current {
background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
color:#505050;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #505050;
}
#avmenu ul ul {
margin:5px 0 5px 15px;
font-size:0.9em;
width:135px;
}
#avmenu ul ul a {
height:16px;
margin:0;
padding:4px 0 0 8px;
}
#avmenu h2 {
font-size:1.5em;
font-weight:normal;
}
So der Code im Template:
***************************************************************
<!-- ###HAUPT_NAVI### start-->
<div id="avmenu">
<h2 class="hide">Site menu:</h2>
<ul>
<li><a class="current" href="#">HOME</a></li>
<li><a href="#">MENU1</a>
<ul>
<li><a href="#">UMENU1</a></li>
<li><a href="#">UMENU2</a></li>
<li><a href="#">UMENU3</a></li>
<li><a href="#">UMENU4</a></li>
<li><a href="#">UMENU5</a></li>
</ul>
</li>
<li><a href="#">MENU2</a></li>
<li><a href="#">MENU3 </a></li>
</ul>
</div>
***************************************************************
Wäre SUPER wenn mir hier jemand helfen könnte wie ich das realisiere!
CU
_TomTom_[/img]