[iamable]

hallo,
seit ein paar tegen beschäftige ich mich mit typo3 und stoße nun auf meine ersten hartnäckigen probleme.
ich habe mir die extension int_ypslideoutmenu heruntergeladen und installiert.
der versuch dieses menü in meine website einzubinden ist jedoch kräftig schief gegangen. da es mir mehr oder weniger alles zerschossen hat habe ich den ursprungszustand wieder hergestellt...

zu meiner frage:
kann mir jemand eine etwas ausführlichere anleitung geben wie ich dieses menü einbinden kann?

meine quelltexte sehen so aus:

auszug aus html:

PHP-Code:

<!-- ###MENU###  start-->
      <div id="menu">
      <ul>
      <a href="#">Menüpunkt 4</a>  <a href="#">Menüpunkt 3</a>
      </ul>
      </div>
      <!-- ###MENU###  stop--> 


welche dateien muss ich in meiner html alles noch anhängen?

auszug aus css:

PHP-Code:

#menu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
}

#menu a {
  padding-right:10px;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
  margin:0;
  width:151px;
}

html>body #menu a {
  width:151px;
}

#menu a:link, #menu a:visited {
  color:#fff;
  text-decoration:none;
}

#menu a:hover {
  color:#fff;
  border-bottom-width:2px;
  border-bottom-style:solid;
}

#menu a#current {
  color:#fff;
    border-bottom-width:2px;
  border-bottom-style:solid;
} 


typoscript (funktioniert für die erste ebene:sad:

PHP-Code:

tmp.Navi = HMENU
tmp.Navi {
  wrap = <div id="menu"> | </div>
  1 = TMENU
  1{
    wrap = <ul> | </ul>
    NO = 1
    NO.wrapIemmAndSub = <li> | </li>
    ACT = 1
    ACT < .NO
    ACT.ATagParams = id = current
  }
} 


so nun habe ihc gelesen, dass ich dieses script noch einbinden muss:

PHP-Code:

lib.menue = HMENU
      lib.menue {
        special = directory
        special.value = 5
        stdWrap.dataWrap = <ul>|</ul>
        stdWrap.required = 1
        korek_css = padding-bottom:20px;margin-left:1px;text-align:left
        aniLen = 800
        hideDelay = 5
        minCPUResolution = 10
        kore_so_x = -2
        div_id_layer = yymenu
        1 = tx_menu_ypslideoutmenu
        1 {
          expAll=1
          NO = 1
          NO {
            linkWrap = <span>|</span>
            ATagBeforeWrap = 1
            allWrap = <li>|</li>
          }
        }
        2 = tx_menu_ypslideoutmenu
        2 {
            moveTo = down
            height = 22
            width = 177
            expAll=1
            NO {
            }
        }
        3 < .2
        3.moveTo = right
        3.width= 177
      } 


so: nur wie verbinde ich diese beiden scripte?
ich kann mir vorstellen, dass es leichter ist als ich mir das gerade vorstelle.
oder vielleicht auch noch viel schwerer...

muss ich denn in meiner html auch noch ne zweite liste einfügen für die zweite ebene oder leitet sich die zweite ebene allein aus der seitenstruktur in typo3 ab?

wie gesagt ich bin absoluter newbie und ich würde mich über eure hilfe wirklich sehr freuen.

danke schonmal
gruß

[iamable]

ok ich bin jetzt einen schritt weiter und ich glaube es müsste auch alles stimmen soweit, aber es fehlt sicher noch einiges...mein größtes problem sind die ganzen verlinkungen und das laden irgendwelcher bibliotheken.

habe jetzt die css und die javascript datei an die html angehangen.
ich weiß nur nicht wo ich wie funktionen aus der datei aufrufen soll...

PHP-Code:

<link href="uploads/tf/main.css" rel="stylesheet" type="text/css" />
<link href="uploads/tf/ypSlideOutMenus.css " rel="stylesheet" type="text/css" />
<script language="javascript" src="/fileadmin/template/res/ypSlideOutMenus.js" type="text/javascript"></script> 


mein typoscript im "Navi"-template sieht folgendermaßen aus:

PHP-Code:

lib.Navi = HMENU
lib.Navi {

      special = directory
      special.value = 5
      stdWrap.dataWrap = <ul>|</ul>
      stdWrap.required = 1
      korek_css = padding-bottom:20px;margin-left:1px;text-align:left
      aniLen = 800
      hideDelay = 5
      minCPUResolution = 10
      kore_so_x = -2
      div_id_layer = yymenu
      1 = tx_menu_ypslideoutmenu
      1 {
        wrap = <ul> | </ul>
        NO = 1
        NO.wrapIemmAndSub = <li> | </li>
        ACT = 1
        ACT < .NO
        ACT.ATagParams = id = current
      }
      2 = tx_menu_ypslideoutmenu
      2 {
        moveTo = down
        height = 22
        width = 177
        expAll=1
        NO {
        }
      }
      #3 < .2
      #3.moveTo = right
      #3.width= 177
    } 


dieses navi tamplate habe ich im haupttemplate eingebunden:

PHP-Code:

page = PAGE
page.stylesheet = uploads/tf/main.css
page.stylesheet = uploads/tf/ypSlideOutMenus.css
page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = uploads/tf/karthouse.html
  workOnSubpart = DOCUMENT_BODY
}

page.10.subparts.MENU < tmp.Navi
page.10.subparts.TEXT < styles.content.get 


ich hoffe mal es stimmt soweit alles.
meine hauptsächlichen probleme liegen denke ich mal bei der html file:

bis jetzt sieht es so aus:

PHP-Code:

 <!-- ###MENU###  start-->
      <div id="menu">
    <ul>
      <a href="#">Menüpunkt 4</a>
      <a href="#">Menüpunkt 3</a>
    </ul>
    </div>
    <div id="yymenu">
    <ul>
      <a href="#">Menüpunkt 4</a>
      <a href="#">Menüpunkt 3</a>
    </ul>
    </div>
    <!-- ###MENU###  stop--> 


nur irgendwo muss doch noch das js aufgerufen werden oder?

ich habe jetzt eine datei wo ich die erste ebene des menüs (id="menu") formatiere und eine aus der extension die alle weiteren definiert (id="yymenu")

ach mensch ich weiß nicht wie ich mein problem noch besser schildern kann.
ich probieren seit tagen mit allen schnipseln herum die ich habe.
habe auch etwas von einer ypMenu.php gelesen...die ist in meinem ordner der extension jedoch nicht enthalten.

bitte helft mir doch leute. bitte bitte

gruß

[Armin]

moin,

ein Fehler liegt hier

Typoscript-Code:

1:	page.10.subparts.MENU < tmp.Navi

es muss heißen

Typoscript-Code:

1:	page.10.subparts.MENU < lib.Navi

Bei

Typoscript-Code:

1:	special.value = 5

musst du die 5 an deine Umgebung anpassen, also die uid der obersten Page deiner Website

JS und CSS werden automatisch eingebunden, weitere Info http://typo3.intervation.de/extensio...deoutmenu.html

Armin

[iamable]

wow das ist ja schonmal super und ein riesen schritt voran. danke schonmal.
nur mein waagerechtes menü (erste ebene) ist jetzt auf einmal vertikal
habe versucht diese als liste mit

#menu li {
    list-style: none;
    display: inline;
  }

zu formatieren und waagerecht darstellen zu lassen, aber ändert nichts an der sache. ich kann mir sehr gut denken dass es an typoscript liegt, da es ja vorher anders dargestellt war.
einen tipp woran es liegen kann?

P.S. mein TS ist unverändert geblieben bis auf die von dir genannten fehler

außerdem wird die zweite ebene des menüs nur auf aktiven seiten eingeblendet und diese ebene auch nur für die aktive seite. man muss also erst auf einen obermenüpunkt klicken um mit mouseover an das untermenü zu gelangen.
wird doch sicher auch nen struktureller fehler beim TS sein oder?

[Armin]

moin,

ch kann mir sehr gut denken dass es an typoscript liegt, da es ja vorher anders dargestellt war.
einen tipp woran es liegen kann?

Am TS nicht, alles CSS....
Überprüf die Reihenfolge der CSS-Angaben ob irgendwas überschrieben wird...ansonsten Link zur Seite.

Armin

[iamable]

ok da glaub ich dir jetzt einfach mal.
das css soll jetzt auch erstmal nicht meine priorität sein.

aber was ich eben geschrieben habe:

außerdem wird die zweite ebene des menüs nur auf aktiven seiten eingeblendet und diese ebene auch nur für die aktive seite. man muss also erst auf einen obermenüpunkt klicken um mit mouseover an das untermenü zu gelangen.

das kann doch nicht an css liegen?!
es scheint doch eher falsch eingebunden zu sein...
ich sehe nur die unterpunkte der gerade aktiven seite

einen link zur seite kann ich leider nicht geben, da ich lokal arbeite :sad:

[paxoptimusprime]

kann man die erste ebene auch horizontal als GMENU ausgeben lassen?



was müsste ich dazu verändern?

[iamable]

ja wie mans horizontal macht wüsste ich auch gerne...

[paxoptimusprime]

in diesem

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9:

1 = tx_menu_ypslideoutmenu 1 { wrap = <ul> | </ul> NO = 1 NO.wrapIemmAndSub = <li> | </li> ACT = 1 ACT < .NO ACT.ATagParams = id = current }

intervall muss die änderung erfolgen...

denn 1 = tx_menu_ypslideoutmenu ist kein ypslideoutmenu mehr...

[Armin]

moin,

kann man die erste ebene auch horizontal als GMENU ausgeben lassen?

Ja, du musst dann über stdWrap und GIFBUILDER gehen.

Armin