Zum Inhalt springen

Wie soll ich das Menü einbinden?

Erstellt am 10. Juni 2008 · 1 Antwort · letzte Antwort am 10. Juni 2008

Tags: Frage

minimalize ·

Hallo,

ich möchte gerne das folgende Menü verwenden. Hab nun seit 3 Stunden erfolglos rumprobiert. Leider verstehe ich "noch" zu wenig von TS dass ich das Menü an die richtige Stelle gebracht hätte. Hoffe mir kann das jemand erklären an welche Stelle ich das TS vom Menü setzen muss damit das ganze läuft.

Es handelt sich um dieses Menü hier:
http://typo3.intervation.de/snippets/menues/drop-down-menu.html

Mein bisheriges TS:

seite = PAGE
seite    {
     typeNum = 0
     bodyTag = <body onload="">
     includeCSS.file1000 = fileadmin/templates/2-3col/css/main.css
     includeCSS.file1001 = fileadmin/templates/2-3col/css/stu.css
     meta.AUTHOR = D4Media.eu
     meta.DESCRIPTION = Cordless Radio
     
     10 = TEMPLATE
     10.template = FILE
     10.template.file = fileadmin/templates/2-3col/index.html
     10.workOnSubpart = DOKUMENT
     10.marks {
          2colleft = TEXT
          2colleft.value = Hier entsteht der Inhalt
          2colright = TEXT
          2colright.value = Hier entsteht der Inhalt
          module1 = TEXT
          module1.value = Hier entsteht der Inhalt
          module2 = TEXT
          module2.value = Hier entsteht der Inhalt
          module3 = TEXT
          module3.value = Hier entsteht der Inhalt
          2collefthead = TEXT
          2collefthead.value = Überschrift
          2colrighthead = TEXT
          2colrighthead.value = Überschrift
          module1head = TEXT
          module1head.value = Überschrift
          module2head = TEXT
          module2head.value = Überschrift
          module3head = TEXT
          module3head.value = Überschrift
          navigation = TEXT
          navigation.value = Hier entsteht die Navigation
          }
}

Zur nötigen Verständnis noch das HTML Template

<!-- ###DOKUMENT### begin -->

   <!-- Begin Wrapper -->
   <div id="wrapper">

		 <!-- Begin top -->
     <div id="top">

		  <!-- ANFANG NAVIGATION -->
		  <div id="navcontainer">
			  ###navigation###
          </div>
          <!-- ENDE NAVIGATION -->
          <div id="online">Wir sind: <img src="gfx/online.gif" alt="on" /> <span style="color:#ccff00;">Online</span></div>



		 </div>
		 <!-- End top -->
		 <!-- Begin Header -->
     <div id="header">



		 </div>
		 <!-- End Header -->
		 <!-- Begin three_column_container -->
		 <div class="three_column_container">
      		 <!-- Begin three_column_1 -->
      		 <div class="three_column_1">
      		       <div class="module_head"><h3 class="module_head_text">###module1head###</h3></div>
      		       <div class="module_content">
                      ###module1###
      		       </div>
      		 </div>
      		 <!-- End three_column_1 -->

      		 <!-- Begin three_column_2 -->
      		 <div class="three_column_2">
      		       <div class="module_head"><h3 class="module_head_text">###module2head###</h3></div>
      		       <div class="module_content">
                      ###module2###
      		       </div>
      		 </div>
      		 <!-- End three_column_2 -->

      		 <!-- three_column_3 -->
      		 <div class="three_column_3">
      		       <div class="module_head"><h3 class="module_head_text">###module3head###</h3></div>
      		       <div class="module_content">
                      ###module3###
      		       </div>
      		 </div>
      		 <!-- three_column_3 -->
		 </div>
		 <!-- End three_column_container -->
		 <!-- Begin two_column_container -->
		 <div class="two_column_container">
      		 <!-- Begin two_column_1 -->
      		 <div class="two_column_1">
      		       <div class="module_head"><h3 class="module_head_text">###2collefthead###</h3></div>
      		       <div class="module_content">
                    ###2colleft###
      		       </div>
      		 </div>
      		 <!-- End two_column_1 -->

      		 <!-- Begin two_column_2 -->
      		 <div class="two_column_2">
      		       <div class="module_head"><h3 class="module_head_text">###2colrighthead###</h3></div>
      		       <div class="module_content">
                    ###2colright###
      		       </div>
      		 </div>
      		 <!-- End two_column_2 -->
		 </div>
		 <!-- End three_column_container -->
		 <!-- Begin Footer -->
		 <div id="footer">

			   

	     </div>
		 <!-- End Footer -->

   </div>
   <!-- End Wrapper -->
<!-- ###DOKUMENT### end -->

Die CSS habe ich 1zu1 übernommen von Intervation

EDIT: Hier mal noch die spätere Seitenstruktur:

ROOT
- HOME
|- SUB1
|- SUB2
|- SUB3
- RADIO
|- SUB1
|- SUB2
|- SUB3
- TEAM
- COMMUNITY

minimalize ·

EDIT: Hat sich erledigt! Habs hinbekommen!

seite = PAGE
seite {
     typeNum = 0
     bodyTag = <body onload="">
     includeCSS.file1000 = fileadmin/templates/2-3col/css/main.css
     includeCSS.file1001 = fileadmin/templates/2-3col/css/stu.css
     meta.AUTHOR = D4Media.eu
     meta.DESCRIPTION = Cordless Radio
     config.doctype = xhtml_strict
     
     10 = TEMPLATE
     10.template = FILE
     10.template.file = fileadmin/templates/2-3col/index.html
     10.workOnSubpart = DOKUMENT
     10.marks {
          2colleft = CONTENT
          2colleft {
               table = tt_content
               select {
                    where = colPos = 0
                    orderBY = sorting
                    }
          }
          2collefthead = TEXT
          2collefthead.value = Überschrift    
          
          2colright = TEXT
          2colright.value = Hier entsteht der Inhalt
          2colrighthead = TEXT
          2colrighthead.value = Überschrift
          module1 = TEXT
          module1.value = Hier entsteht der Inhalt
          module2 = TEXT
          module2.value = Hier entsteht der Inhalt
          module3 = TEXT
          module3.value = Hier entsteht der Inhalt


          module1head = TEXT
          module1head.value = Überschrift
          module2head = TEXT
          module2head.value = Überschrift
          module3head = TEXT
          module3head.value = Überschrift
          navigation = HMENU
          navigation {
               special = directory
               # Hier die Start-ID angeben
               special.value = 62
               
               wrap = <div class="demo"><div class="menu"> | </div></div>
               
               # Hauptmenue
               1 = TMENU
               1 {
               wrap = <ul> | </ul>
               expAll = 1
               NO.ATagTitle.field = subtitle//title
               NO.wrapItemAndSub = <li> | </li>
               NO.stdWrap.prepend = COA
               NO.stdWrap.prepend.10.wrap = ~&nbsp; |
               IFSUB = 1
               IFSUB {
                wrapItemAndSub = <li> | </li>
                allWrap = | <!--<![endif]-->
                linkWrap = |<!--[if IE 7]><!-->
                ATagBeforeWrap = 1
               }
               ACT < .NO
               ACT = 1
               ACT.ATagParams = class=dropact
               ACTIFSUB < .IFSUB
               ACTIFSUB.ATagParams = class=dropact
               }
               2 = TMENU
               2 {
               wrap = <!--[if lte IE 6]><table><tr><td><![endif]--><ul> | </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
               expAll = 1
               NO.ATagTitle.field = subtitle//title
               NO.wrapItemAndSub = <li> | </li>
               IFSUB = 1
               IFSUB {
                wrapItemAndSub = <li> | </li>
                allWrap = | <!--<![endif]-->
                linkWrap = |<!--[if IE 7]><!-->
                ATagBeforeWrap = 1
                ATagParams = class=drop
               }
               }
               
               3 < .2
               
               4 < .2
          }
     }
}