Zum Inhalt springen

grafisches hinterlegtes Textmenü erstellen, aber wie?

Erstellt am 12. August 2006 · 3 Antworten · letzte Antwort am 16. August 2006

Tags: Frage

_TomTom_ ·

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]

_TomTom_ ·

Danke für den Hinweis #angry# werd mich bessern!!

Hab jetzt folgende Code eingefügt, aber irgendwie wird gar kein Menü angezeigt ;-(

tmp.HAUPTNAVIGATION = TMENU
tmp.HAUPTNAVIGATION {
  wrap = <div id="avmenu"><ul> | </ul></div>
  1 = TMENU
  1.NO.linkWrap = <li> | </li>
  2 = TMENU
  1.CUR = 1
  1.CUR.ATagParams = class="current"
  2.wrap = <ul> | </ul>
  2.NO.linkWrap = <li> | </li>
}

Könnte mir da bitte jemand dabei helfen?

CU
_TomTom_

hal2000 ·

Hallo, noch aktuell?
Tmenu ist ein Teil des Hmenu. Also in der ersten Zeile angeben:
tmp.HAUPTNAVIGATION = HMENU
Gruß Harald