Zum Inhalt springen

Anfänger sucht TS für ein ausklappendes Menü

Erstellt am 27. Januar 2006 · 12 Antworten · letzte Antwort am 28. Januar 2006

Tags: Frage

WeVo ·

Hallo,

ich bin ein SUperfrischling auf dem Gebiet typo3 und hangel mich gerade durch das Buch Praxiswissen typo3. Da ich während ich das Buch lese parallel dazu meine eigene Seite basteln möchte suche ich jetzt etwas TS damit ich ein ausklappbares Menü auf meine Seite einbauen kann. D.h. wenn ich auf einen Menüpunkt gehe soll automatisch eine Liste unterpunkte aufklappen. Da ich wirklich Frischling bin(habe gerade das Menükapitel fertig) bitte ich das Niveau nicht zu hoch anzustecken! 😉 Danke!

Viele Grüße

Der Frischling Markus

WeVo ·

Danke für Deine Antwort. Das IMGMENU passt allerdings bräuchte ich den kompletten TS von solch einem Menü damit ich das nachvollziehen kann. Weil als Newbe ist dass schon ganz schon hart! Weisst Du wo ich sowas finde???
Danke.

Viele Grüße

Markus

WeVo ·

Also ich habe mir mal die TSref angeschaut und ich werde einfach nicht daraus schlau! #angry# Ich glaube ich muss erst Typo3 Guru sein damit ich mich dort richtig reindenken kann. Gibt es kein schon fertiges Menü bei welchem ich mir den Quellcode anschauen kann? Dann verstehe ich es mit Sicherheit eher als so! #angry#

Also meine Frage ist jetzt: Wo bekomme ich ein fertiges durch MouseOver aufklappendes horizontales Menü her. Vielleicht versteh ich dann den QuellCode eher! 😢

FalkWalter ·

Sorry, dass ich keine fertige Lösung habe, aber ne Strategie:
Such doch einfach mal im Forum nach den Objektbezeichnungen (z.B. IMAGE, PAGE,....). Dann wirst Du fertige Beispiele bekommen.

Grüßle
Falk

maik ·

Fertige Navigationen findest du sonst im TYPO3 testsite Packet.

Wenn du das Installiert hast, bekommst du zu den Gängigen Theman einfache Beispiele. Vielleicht schaust du da mal rein.

TypoScript kann man in der Regel nicht einfach per Copy Paste in eine andere TYPO3 Umgebung einfügen. Das haut meistens nicht hin, weil IDs oder TreeLevels nicht stimmen. Das Thema muss schon grundlegend verstanden werden, sonst helfen auch Codebeispiele nicht viel.

Aber das Testsite Packet ist eine gute Beispielsammlung.

WeVo ·

Also ich habe mir mal das quickstart parallel auf ner Maschine eingerichtet. Das Problem ist nur wenn ich mir das TS von dem FC Bigfeet Template anzeigen lassen möchte, bekomme ich außer:

tt_content.menu.20.2 < styles.sitemap.gs

page.stylesheet = stylesheet*.css

nichts angezeigt #evil# . Um Euch die Situation etwas zu erklären ich bin Azubi und taste mich immer ein Stück an typo3 heran, das ist auch der Grund weshalb ich Scriptbeispiele brauche, damit ich versteh was wo passiert. Ich habe das Menükapitel von Praxiswissen durchgelesen und auch verstanden, da dort das Script Stück für Stück durchgegangen wird. Nur ich kann bei meinem Beispiel nichts mit dem im Buch gezeigten Menü anfangen. Deshalb hätte ich gerne ein Menü, bei welchem sich die einzelnen Menüpunkte durch ein MouseOver aufklappen und weitere Untermenüs zur Verfügung stellen. Da ich typo3 sehr genial finde, such ich eben schon Tage nach dem TS Beispiel (welches ich verstehe - ihr dürft nicht zu viel erwarten :o ) damit ich solch ein Menü bauen kann. Leider vergebens! Bitte helft mir damit ich endlich einen Durchbruch habe/bekomme!
VIELEN DANK!

Viele Grüße

Markus

WeVo ·

Hallo,

erstmal danke! Das sieht doch schon ganz brauchbar aus 😉 Leider bekomme ich aber nicht die Bilder angezeigt. Weißt Du wieso?

WeVo ·

So also ich habe mal das Tutorial teils durchgelesen und bin jetzt etwas schlauer 😉

Ich habe allerdings noch Probleme mit der Darstellung der Layer2 sie werden einfach zu weit links und zu weit oben angezeigt. Hab mal ne Hardcopy gemacht.
http://www.zffh.de/hc.jpg

und hier das TS

MENU_OBEN = HMENU
       MENU_OBEN{
                 1 = GMENU_LAYERS
                 1 {
 layerStyle =position:absolute;left:0px;top:30px;width:10px;VISIBILITY:hidden; 
                     xPosOffset = 20
                     lockPosition = x
                     topOffset = 36
                     hideMenuWhenNotOver = 1
                     expAll=1
                     NO {
                         # backColor = #c3c45c
                         8 = IMAGE
                         8.file = fileadmin/files/bb.jpg
                         XY = [10.w]+10,20
                         10 = TEXT
                         10{
                            text.field = title
                            offset = 5,15
                            fontFace = fileadmin/files/verdana.ttf
                            fontSize = 12
                           }
                          }
                          RO < .NO
                          RO.backColor =  #e2e6e9
                          RO = 1
                        }
                 2 = GMENU
                 2.noBlur = 1
                 2.NO{
                       backColor = white
                       XY = [10.w]+10,20
                       10 = TEXT
                       10 {
                           text.field = title
                           offset = 5,12
                           fontFace = fileadmin/files/verdana.ttf
                           fontSize = 12
                          }
                     RO < .NO
                     RO.backColor = #red
                     RO = 1
                       }
                 }
         }

Weiß jemand von Euch wo mein Fehler liegt??? Danke!

Viele Grüße

Markus

RPW ·

Füge der obersten Menüdefintion "relativeToTriggerItem" ein

...
        topOffset = 36
        relativeToTriggerItem = 1
        hideMenuWhenNotOver = 1
...
WeVo ·

Hi,

nein das war es nicht gewesen. Durch "relativeToTriggerItem" werde die ganzen Menüpunkte vertikal angeordnet. Ich habe die hardcopy nochmal aktualisiert. Problem ist dass die Unterpunkte nicht unter den Hauptpunkten stehen schau mal
http://www.zffh.de/hc.jpg
Thx
🙂

WeVo ·

Also habe nochmal geschaut und ich muss den ersten Eintrag in ne Tabelle wrap'en damit die Menüeinträge horizontal bleiben. Wenn ich das nicht mache werden sie alle vertikal ausgerichtet. Die Untermenüeinträge liegen aber jetzt nicht genau an den Menüeinträgen an sondern haben noch immer einen Abstand von ca. 50px. Ich denke dass die sauberste Lösung mit einem Javascriptmenü wäre. Da gibt es nur ein Problem: Wie geht das? #giggle# Ich glaube das sprengt den Rahmen.....
Aber vielleicht weißt Du oder jemand ein sehr gutes Tutorial hierzu? Thx

Und immer weiter voran ab durch die Mauer #angry# 😉