Mootools Aufklappmenü MenuMatic in TYPOlight benutzen

[lea_engel]

Hallo,

erst mal, super Tutorial und tolles Tool. Bin begeistert. Ich habe eine horizontale Navigation erstellt. Wenn ich mit der Maus über die Navigationspunkte gehe, öffnet sich die Subnavigation. Bei der dritten Ebene allerdings habe ich Probleme mit der Auflösung. Die Menüpunkte der dritten Unterebene werden direkt angezeigt, wenn mit der Maus über die erste Subebene gefahren wird. D.h. normalerweise müsste sich die zweite Subebene aufklappen und beim Mausdrüberfahren dann entsprechend die dritte. Dazu kommt, dass alle Menüpunkte der dritten Ebenen angezeigt werden und diese sich überlappen.

Woran kann das liegen?

VG Lea

[MacKP]

Hallo Lea,
das liegt entweder in einem missglückten JS oder einer falsch angepassten CSS-Datei.

Mehr kann man so dazu nicht sagen.

Viele Grüße

[lea_engel]

Hallo MacKP,

danke für Deine Antwort. Das JS inkl. aller erforderlichen Dateien habe ich mehrmals hochgeladen und nach Anweisung installiert, auf einem neuen Contao-System ohne jegliche DrittCSS. Es läuft auch in der unveränderten Stamm-Version nicht. Wie gesagt Subebene 1 und 2 ist alles OK. Erst in der dritten Unterebene wird es nicht richtig dargestellt.

Ich habe das System neu aufgesetzt. Nichts Neues.

VG Lea

[MacKP]

Hallo Lea,
ist das auch auf der Original Seite so?

Wenn ja, dann bitte da schreiben.. wenn nicht brauch ich mehr Infos (welches JS genau du genommen hast, ob andere Parameter oder nicht... und am besten eigentlich einen Link, weil man sonst eh nix sagen kann).

Viele Grüße

[lea_engel]

Hallo MacKP,

danke. Dein Tipp war mal wieder goldrichtig. Es lag am javascript. Ich hatte per Dateiverwaltung hochgeladen. Tss! Nachdem ich es per ftp auf das zuvor angelegte js - Verzeichnis hochgeladen habe, war alles wunderbar. Perfekt!

Danke nochmals.

Lea

[Hoch-3]

Bin Contao-Neuling und schon ziemlich weit gewesen mit der ersten Site, die ich damit erstelle. Einiges hatte schon ganz gut geklappt. Jetzt das:

Fatal error: Uncaught exception Exception with message Could not find template file "nav_MenuMatic" thrown in /services/webs/zen-com.com/htdocs/system/libraries/Controller.php on line 109

#0 /services/webs/zen-com.com/htdocs/system/libraries/Template.php(142): Controller->getTemplate('nav_MenuMatic')
#1 /services/webs/zen-com.com/htdocs/system/modules/frontend/FrontendTemplate.php(49): Template->parse()
#2 /services/webs/zen-com.com/htdocs/system/modules/frontend/Module.php(310): FrontendTemplate->parse()
#3 /services/webs/zen-com.com/htdocs/system/modules/frontend/ModuleNavigation.php(94): Module->renderNavigation('1')
#4 /services/webs/zen-com.com/htdocs/system/modules/frontend/Module.php(129): ModuleNavigation->compile()
#5 /services/webs/zen-com.com/htdocs/system/modules/frontend/ModuleNavigation.php(69): Module->generate()
#6 /services/webs/zen-com.com/htdocs/system/libraries/Controller.php(271): ModuleNavigation->generate()
#7 /services/webs/zen-com.com/htdocs/system/modules/frontend/PageRegular.php(71): Controller->getFrontendModule('26', 'header')
#8 /services/webs/zen-com.com/htdocs/index.php(198): PageRegular->generate(Object(DB_Mysql_Result))
#9 /services/webs/zen-com.com/htdocs/index.php(329): Index->run()
#10 {main}

Ich mein, dass ich nichts gemacht habe am Template, am CSS, das eine solche Meldung rechtfertigen würde. Vor allem, da es, wie erwähnt, vorher geklappt hat, bin ich ziemlich verwirrt. Habe auch contao-check.php laufen lassen, alles ok.


[Anmerkung Moderation: Beitrag verschoben]

[xchs]

Hallo Hoch-3,

willkommen in der Contao-Community.

Es schaut so aus, als ob das Navigations-Template "nav_MenuMatic" nicht gefunden wird bzw. nicht mehr existiert. Verwendest Du das MenuMatic DropDown-Menü?

[Hoch-3]

Hallo xchs
Genau das benutze ich. Hatte es auch zum Laufen gebracht. Es scheint, als ob ich tatsächlich das Template gelöscht hatte. Habs wieder eingerichtet und alles läuft wieder.
Danke herzlich.
René

[maggot brain]

Perfekt, vielen Dank! Das war genau, was ich gesucht habe.

jens

[svr]

Hallo zusammen

Ich bin auf der Suche nach meiner Lösung auf diesen Forumverlauf gestossen, doch komme ich nicht wirklich weiter. Ich habe den Webshop Community von Contao erfolgreich installiert. Auch sind die Artikelseiten und deren Hauptkategorien definiert und erstellst worden. Leider erscheint nun aber in der linken Navigation immer der ganze Navigationsbaum:

http://www.nespoli-sportconsulting.c...orie/caps.html

Gerne hätte ich es aber wie folgt:
- Einzelartikel
- Caps (erst ersichtlich beim Klick auf Einzelartikel)
- Trickots (erst ersichtlich beim Klick auf Einzelartikel)
- etc (erst ersichtlich beim Klick auf Einzelartikel)
- Mannschaften
- A.C. Verona (erst ersichtlich beim Klick auf Mannschaften)
- etc. (erst ersichtlich beim Klick auf Mannschaften)

Wie bringe ich das hin? Ich bin im Modul des Webshops "Untermenu".. Ich habe das Standard-Navigations-Template von Webshop enthalten (webShop_navi_default.tpl), Weiterleitungsseite ist auf "Artikelliste" gesetzt, Startlevel ist 1 und Stoplevel ist 0 und Hart Limit ist nicht aktiviert. Startpunkt der Seite ist der Webshop (nicht die jeweilige Unterkategorie, sondern der gesamte Webshop), bei CSS-ID habe ich "submenu" geschrieben.

Ist an diesen Einstellungen was falsch oder muss das Navigationstemplate noch angepasst werden oder was muss ich noch wo berücksichtigen?

Vielen Dank für eure Hilfe, bin am Verzweifeln.

Grüsse
Michi

[MacKP]

Hallo svr,
ich weiß nicht was deine Frag mit MenuMatic zu tun hat...
Aber ich glaube das hier sollte dir schon mal helfen: http://de.contaowiki.org/ModulNavigation

Viele Grüße

[birksilas]

hallohallo

ich habe zwei fragen zum MenuMatic:

- ich habe das problem, dass das menu ohne javascript ganz und gar nicht funktioniert. was habe ich falsch gemacht?

- der aktive menu-punkt ist kursiv. finde den richtigen selektor nicht, um dies zu ändern...

http://www.kps.ch/youcan/index.php/portrait.html

viele dank für antworten!

[MacKP]

Hallo birksilas,
1. CSS falsch angepasst
2. das ist über ein <em> geregelt wenn du das aus meinem Tutorial genommen hast. Das steht da auch extra. Bitte mehr lesen bei solchen Tutorials ;-)

Viele Grüße

[Mip]

Hallo birksilas,

wie MacKP schon erwähnt hat (übrigens, vielen Dank für das tolle Tutorial und die hervorragende Unterstützung hier), einfach im "nav_MenuMatic.tpl" - Template <em> und </em> löschen, dann ist die Kursivschrift weg.
Ich erwähne es hier noch einmal, da ich mich ehrlich gesagt auch schwer getan habe mit dem Punkt, trotz Hinweis von ihm auf Seite 4. Im Tutorial hatte ich den Vermerk auch glatt überlesen...

Gruß, Claudiu

[MacKP]

Hallo birksilas,

wie MacKP schon erwähnt hat (übrigens, vielen Dank für das tolle Tutorial und die hervorragende Unterstützung hier), einfach im "nav_MenuMatic.tpl" - Template <em> und </em> löschen, dann ist die Kursivschrift weg.
Ich erwähne es hier noch einmal, da ich mich ehrlich gesagt auch schwer getan habe mit dem Punkt, trotz Hinweis von ihm auf Seite 4. Im Tutorial hatte ich den Vermerk auch glatt überlesen...

Gruß, Claudiu

Hallo Claudiu,
vielen Dank.
Löschen würde ich die aber nicht. Die sind schon extra da. Fördern die zugänglichkeit und dienen zur extra Formatierung von aktiven Elementen.

Viele Grüße

[birksilas]

vielen dank für die raschen antworten! das hat mir schon sehr geholfen.

nun hab ich noch folgendes problem, wo ich nicht weiterkomme:

- ohne js sind die untermenu-punkte abgeschnitten... ich habe nicht herausgefunden, wo ich darauf einfluss nehmen kann

viele grüsse
silas

[dtptiger]

Hi,
ich häng mich mal drann, weil ich an dieser Formatierung auch etwas verzweifelt bin, der em tag liesse sich zwar per CSS ansprechen, aber das Kursivstellen kann ich nicht per CSS Verhindern ohne die em tags im template zu löschen.

Löschen würde ich die aber nicht. Die sind schon extra da. Fördern die zugänglichkeit und dienen zur extra Formatierung von aktiven Elementen.

OK, SELFHTML:

em>...</em> zeichnet einen Text aus als betonten, wichtigen Text ("emphatisch")

Klar, gehe ich mit und würde ja gerne ...
Aber warum wird der Text innerhalb des <em> tags kursiv?

Apropos, vielen Dank für das Tutorial, hat sehr geholfen und das CSS klappt schon fast (nur die gif-pfeilchen für den 2. hover-Sub werden noch nicht zugewiesen) und das javascript zuckt nicht mehr :-)

Gruss
Achim

[MacKP]

[QUOTE=dtptiger;110495]

Aber warum wird der Text innerhalb des <em> tags kursiv?

/QUOTE]

Hallo dtptiger,
das ist das default Verhalten von Browsern und da sind die sich einig...
Du kannst aber ganz einfach sowas in der Art machen: .mod_navigation em {font-style:normal;}

Siehe hier -> http://www.css4you.de/Schrifteigensc...ont-style.html

Oder man ersetzt das durch etwas anderes sinniges wie <strong> das geht dann auch.. aber dann schreien alle das es fett ist ;-)

Viele Grüße

[dtptiger]

Er Sprach und es ward Licht

Thanx for basics

[ThomasSchmidt]

Tolles Tool! Funktioniert das auch mit 3 Stufen - habe immer nur 2 sehen können?

[MacKP]

Tolles Tool! Funktioniert das auch mit 3 Stufen - habe immer nur 2 sehen können?

Jap, geht auch mit 3.

Viele Grüße

[Trombone]

Hallo Zusammen,
beschäftige mich seit einigen Tagen mit Contao und bin mit den Resultaten wirklich zufrieden.
MenuMatic habe ich mit hilfe des Tutorials auch recht schnell zu gange bekommen, habe jedoch noch schwierigkeiten mit der Darstellung.

Ich habe keine Veränderungen am Quellcode vorgenommen, trotzdem überlappen die Menüfelder der zweiten Ebene sich.(siehe Anhang)
Geh ich recht in der Annahme, dass ich an der CSS Dtei etwas korrigieren muss?
Aber wo anfangen!?

Würde mich über Rat freuen!

[MacKP]

Hallo Trombone,
ja, das wird am CSS liegen. Kannst versuchen die Stelle mit Firebug herauszubekommen.
Wenn du an dem CSS an sich noch nichts geändert hat, dann wird das CSS von deiner Seite da irgendeinen Wert so beeinflussen das es komisch wird.

Musst du selber mal schauen. Ohne Link kann man da nix sagen.

Viele Grüße

[Trombone]

Ahoij,
ärgerlicher Fehler... habe versehentlich die CSS für IE6 ohne mir Gedanken zu machen importiert und verwendet.

Habe ich das richtig verstanden, ich muss die CSS für IE6 mit einer bedingung versehen, dass sie eben nur beim IE6 zum Einsatz kommt? Wie stell ich das an?

[MacKP]

Ahoij,
ärgerlicher Fehler... habe versehentlich die CSS für IE6 ohne mir Gedanken zu machen importiert und verwendet.

Habe ich das richtig verstanden, ich muss die CSS für IE6 mit einer bedingung versehen, dass sie eben nur beim IE6 zum Einsatz kommt? Wie stell ich das an?

Bitte Grundlagen von Contao und Grundlagen von CSS beachten...
Contao: biem CSS kann man angeben für welche Browser das sein soll..
Per Hand einbinden : mit Conditional comments
Wobei das auch auf der Originalseite so beschrieben ist oder im Demo zu sehen ist..

Viele Grüße

[ThomasSchmidt]

Gibt es ein Beispiel wie das Menü mit 3 Levels aussehen könnte?

Jap, geht auch mit 3.

Viele Grüße

[MacKP]

Ja, auf der Seite von MenuMatic.... 1. Ebene = Hauptebene und dann gehts noch 2 tiefer...
Wenn mehr gebraucht wird, dann CSS und JS ergänzen.

Viele Grüße

[ThomasSchmidt]

scheint als wäre ich blind... finde kein 3 stufiges beispiel!?

Diese Seite ist doch die richtige oder? http://greengeckodesign.com/menumatic

Ja, auf der Seite von MenuMatic.... 1. Ebene = Hauptebene und dann gehts noch 2 tiefer...
Wenn mehr gebraucht wird, dann CSS und JS ergänzen.

Viele Grüße

[MacKP]

Und genau auf der Seite sind links zu 2 Beispielen.. Horizontal und Vertikal...

Viele Grüße

[ThomasSchmidt]

Oh, da kann man draufklicken Vielen Dank

Gefällt mir wirklich VERDAMMT GUT!!!

Und genau auf der Seite sind links zu 2 Beispielen.. Horizontal und Vertikal...

Viele Grüße

[Trombone]

Moin,
habe versuche mein Menü zu zentrieren, leider trotz bereits geposteter Lösung ohne erfolg...

versuchs mal so:

.mod_navigation {padding-left: 20px;}

an welcher Stelle in der CSS Datei kann ich den Abstand der Buttons zum linken Rand einstellen?
Mir Firebug finde ich den div mod_navigation im quellcode, aber in der CSS Datei werd ich nicht fündig.

Wo muss ich suchen, neu anlegen?

[MacKP]

Hallo Trombone,
in deiner CSS Datei kannst du das neu anlegen.

Viele Grüße

[Trombone]

Was muss ich denn als Selector angeben? ich hab alle möglichen Varianten ausprobiert, ich glaub ich hab irgendwo nen Denkfehler..

[MacKP]

Hallo Trombone,
welchen Selektor genau kann ich dir so nicht sagen.. gib uns nen Link und man kann mal schauen...
Aber an sich solltest du das mit Hilfe von Firebug (Erweiterung von Firefox) rausbekommen können.

Viele Grüße

[Trombone]

<div class="mod_navigation block" id="mod_navigation">

<a href="#skipNavigation17" class="invisible">Navigation überspringen</a>
<ul id="nav" class="vlist level_1">
            <li class="active first"><a href="index.php/home.html" title="Home" class="first"><em>Home</em></a></li>
                <li class="sibling"><a href="index.php/News.html" title="News" class="sibling">News</a></li>
                <li class="sibling"><a href="index.php/team.html" title="Team" class="sibling">Team</a></li>
                <li class="submenu sibling"><a href="index.php/garage.html" title="Garage" class="submenu sibling">Garage</a><ul  class="vlist level_2">

            <li class="first"><a href="index.php/fhwt-01.html" title="FHWT-01" class="first">FHWT-01</a></li>
                <li><a href="index.php/fhwt-03e.html" title="FHWT-03">FHWT-03</a></li>
                <li class="last"><a href="index.php/fhwt-02.html" title="FHWT-02" class="last">FHWT-02</a></li>
            </ul></li>
                <li class="sibling"><a href="index.php/fse.html" title="FSE" class="sibling">FSE</a></li>
                <li class="submenu sibling"><a href="index.php/media.html" title="Media" class="submenu sibling">Media</a><ul  class="vlist level_2">

            <li class="first"><a href="index.php/photo.html" title="Photo" class="first">Photo</a></li>
                <li class="last"><a href="index.php/video.html" title="Video" class="last">Video</a></li>
            </ul></li>
                <li class="sibling"><a href="index.php/partner.html" title="Partner" class="sibling">Partner</a></li>
                <li class="sibling last"><a href="index.php/kontakt.html" title="Kontakt" class="sibling last">Kontakt</a></li>
            </ul> 
<a name="skipNavigation17" id="skipNavigation17" class="invisible">&nbsp;</a>

</div>

Wie du bereits geschrieben hast, "mod_navigation" ist das DIV in dem die Navigation liegt, oder muss man den Abstand von "<ul id="nav" class="vlist level_1">" innerhalb dieses DIVs festlegen.

wie kann ich mod_navigation ansprechen, .mod_navigation, #mod_navigation bringen keine Veränderung.

[MacKP]

Hallo Trombone,
das sind Grundlagen von CSS.
Es ist eine Klasse, also mit .mod_navigation
Du kannst auch ul#nav ansprechen
Oder div.mod_navigation ul#nav {blub}
oder
oder
oder

Warum das bei dir jetzt nicht funktioniert kann ich nicht sagen, da ich nicht deine ganzen anderen CSS Anweisungen kenne. Eventuell wirds irgendwo überschrieben oder genauer spezifiziert.

Viele Grüße

[kassj0peja]

ich hab noch gar keine erfahrung in bezug auf websiten erstellen. habe mich aber aus verschiedenen gründen entschieden, für meine seiten contao zu verwenden.

diese seiten sollen folgende navigation haben:

auf dem header (bilder, die entweder automatisch oder per klick gewechselt werden). auf diesem header sollen 5 hauptmenüpunkte horizontal dargestellt sein. diese sollen halbtransparent und zwischen den enzelnen punkten soll ein kleiner abstand sein; in diesem abstand ist das bild also nicht nur halbtransparent zu sehen.
wenn man auf einen hauptmenüpunkt klickt soll ein vertikales halbtransparentes untermenü erscheinen und so lange offen bleiben, bis man auf einen anderen hauptmenüpunkt klickt. in den hauptmenüpunkten ist kein content hinterlegt.

wäre diese navigation mit menumatic möglich?

[MacKP]

Hallo kassj0peja,
ich versteh nicht so ganz was du willst.
Aber an sich könnte das funktionieren (bzw. auf Klick reagiert das nicht, sondern auf hover... aber das könnte man sicher mti JavaScript Änderungen anpassen).
So oder so solltest du dich mit CSS und JS ein wenig mehr auseinander setzen.

Viele Grüße

[widi]

Hallo Contao User,

ich habe auf meiner Seite das MenuMatic Aufklappmenü genutzt, mit Firefox, IE8, Chrome, Safari und Opera funktioniert auch alles wunderbar.

Leider tritt im Internet Explorer 7 folgender Fehler auf: das SubMenu wird nicht direkt unter der Navigation dargestellt sondern versetzt (quasi unterhalb des nächsten Menüpunktes) und ist somit fast nicht zu erreichen, des weiteren ist das SubMenu hinter Grafiken und Galerien versteckt.

Vielen Dank,
Micha

Edit:
Hab die Fehler selber gefunden
Lag am z-index im #header .inside

[Trombone]

Hallo Experten,

ich habe ein Problem mit meinem Manü das sich wie folgt äußert:

Bewege ich den Mauszeiger auf das erste Untermenü, klappt das dritte planmäßig auf. Leider viel zu weit rechts um es mit dem Mauszeiger zu erreichen ohne das das Menü wieder einklappt.(siehe Foto)

Ich nehm an es handelt sich um einen Typischen Anfängerfehler, der ich ja nunmal bin...
Ich habe in der CSS-Datei nach aussenabständen der dritten Menüebene gesucht, bin aber nicht fündig geworden.

Wie geh ich das Problem am besten an oder hat vielleicht schon jemand eine Lösung parat?

Würde mich über Rat freuen!

Grüsse