Mootools Aufklappmenü MenuMatic in TYPOlight benutzen
Da es immer viele Probleme mit Menüs gibt und sich viele Bewegende Menüs wünschen habe ich mal MenuMatic ( http://greengeckodesign.com/menumatic ) in Typolight eingebaut.
Tutorial ist jetzt unter http://de.contaowiki.org/Mootools_Au...3%BC_MenuMatic
Viel Spaß damit!
---
Wer mag darf mir auf was Spenden *g* -> http://www.amazon.de/gp/registry/reg...d=XN4TIB5T82DC
---
Vielen Dank an http://greengeckodesign.com :-)
Liste der Anhänge anzeigen (Anzahl: 2)
Hi MacKP!
Erstmal dickes Lob, hast echt gut beschrieben und das soll was heißen, wenn selbst ich es hinbekomme.
Allerdings habe ich noch eine Frage:
Wie du an meiner Seitenstruktur erkennen kannst, wird erst die Ebene 2 angezeigt. Aber irgendwie funktioniert es nicht, wenn ich die Einstellungen entsprechend vornehme. Kann es sein, dass ich da irgendwo nen Gedankenfehler habe oder liegt es an dem Template?
Habe dir mal von beidem nen Screen gemacht und würde mich über eine Antwort freuen.
Vielen Dank
Christian
Mootools nach oben aufklappen?
Ist das machbar? Was ist zu tun?
Vielen Dank für die Hilfe,
Gruß Gunnar
Alternative Superfish für Dropline
Zitat:
Zitat von
~svn~
Wie schaff ich es, dass die Submenu-Punkte auch horizontal angeordnet werden?:(
Hallo ~svn~,
Die gleiche Aufgabenstellung hatte ich auch schon und habe das 'Problem' nach vielem erfolglosen selbst probieren vor einiger Zeit auch im MenuMatic-Forum gepostet - bisher ohne Antwort ... ich gehe mal davon aus, dass es deswegen derzeit mit MenuMatic nicht möglich ist ...!?
Ich habe es dann mit Superfish v1.4.8 realisieren können zu dem es auch ein wunderbares Tutorial in dieser noch wunderbarererereren... Community gibt. :)
Hoffe das hilft dir weiter.
Grüße
Menu Matic auf Contao RC1?
Hallo zusammen,
kriegt man das Menü auch mit Contao RC1 hin?
(unter der Beta funktionierts noch...)
Gruß
Hauge
Mootools aus- und einschalten?! - dann klappts?
Hallo MacKP,
das hatte ich mich auch gefragt. Ich hab zwischenzeitlich ein bisschen rumgespielt und sämtliche mootool-scripte mal ausgeschaltet und einzeln wieder hinzugeschaltet >>> Jetzt klappts :D
Eine Erklärung hab ich nicht - aber jetzt haut es hin :confused:
Also viiiiiieeeelen Dank für Deine Mühen!
Verschiedene Untermenüeben anpassen
Hallo,
hat schon mal jemand versucht die 2. Menüebene anders zu gestalten als die 3. Menüebene?
Leider kann man scheinbar nur mit
HTML-Code:
#subMenusContainer ul
alle Untermenüs anpassen.
Leider habe ich noch keine Möglichkeit gefunden über
HTML-Code:
#mainnav ul.level_2
oder
HTML-Code:
#mainnav ul.level_3
die einzelnen Level anzusprechen.
Jemand eine Idee?
Liste der Anhänge anzeigen (Anzahl: 1)
Ich bin anscheind zu blöd das Vertikale Menü zu verweden.
Gegeben:
Ich habe eine Normale Hauptnavigation. Die Über Float Left auf eine Linie verläuft.
In der Linken spalte habe ich bisher das Moomenü verwendet um die Unterpunkte der jeweiligen hauptnavi darzustellen.
Dieses Moomenü wollte ich nun in ein Menümatic menü verwenden. Ich habe mich deshalb an die Anweisung gehalten und das Menü an sich funktioniert.
Ich habe nun auf der Linken Seite ein Menü eingebunden mit Startlevel 1
Nun habe ich aber folgendes Problem:
Aufbau:
Im Hauptmenü habe ich z.B. den Punkt Infos dieser Wird im Headermenü dargestellt.
Die Unterseiten habe ich z.b. Seite 1 bi 4. diesen Werden untereinander im Linken Menü dargestellt.
Nun hat z.B. die Seite 1 wiederum unterseiten z.B.
Die Seiten 1 a - c werden jedoch nicht rechts neben der Seite 1 angezeigt sondern unter der Seite 1. Erst unterseiten der Seite 1 a - c werde rechts dargestellt.
Ich verwende das standart Css von menümatic für das Vertikale Menü...
kann mir einer helfen wie ich die Punkte 1 a - c ebenfalls rechts vom punkt 1 bekomme?
Im Bild wird es hoffentlich deutlich:
Die Punkte 1 a - g sollen neben rechts Hauptpunkt 1 stehen. Die unterpunkte wie z.b. 1f1 soll weiterhin rechts neben den jeweiligen punkt angezeigt werden.
Mein aktuelles CSS:
Code:
/* Style sheet MenuMatic */
#nav a,#subMenusContainer a{display:block;padding:10px 20px;background-color:#fff;text-decoration:none;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
#nav a{margin:0;}
#subMenusContainer a,#nav li li a{text-align:left;}
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF;}
#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#F6C739;color:#FFF;}
.smOW{position:absolute;overflow:hidden;display:none;margin:0 0 0 -2px;padding:0 2px;}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{left:0;border:1px solid #C3D46A;-moz-border-radius: 8px;-webkit-border-radius: 8px;background:#fff;}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{margin:0;padding:0;line-height:1em;list-style: none;}
#nav li{position:relative;display:block;list-style:none;}
#subMenusContainer li{list-style: none;}
#nav{width:200px;display:block;margin:0;text-align:left;list-style:none;z-index:5;}
#subMenusContainer{width:100%;height:0;top:0;left:0;position:absolute;overflow:visible;display:block;z-index:1000000000;}
#nav li li{float:none;}
#nav li li a{position:relative;float:none;}
#nav li ul{width:10em;position:absolute;margin-left:-1000em;}
#nav li ul ul{margin:-1em 0 0 -1000em;}
#nav li:hover ul ul{margin-left:-1000em;}
#nav li:hover ul{margin-top:-2.5px;margin-left:186px;}
#nav li li:hover ul{margin-left:10em;}
#nav li a:focus + ul{margin-top:-2.5px;margin-left:186px;}
#nav li li a:focus + ul{left:186px;margin-top:-2.5em;margin-left:1010em;}
#nav li li a:focus{width:10em;left:186px;margin-top:-2.5em;margin-left:1000em;}
#nav li li li a:focus{width:10em;left:186px;margin-top:-2.5em;margin-left:2010em;}
#nav li:hover a:focus{margin-left:0;}
#nav li li:hover a:focus + ul{margin-left:10em;}
Liste der Anhänge anzeigen (Anzahl: 4)
Also hier nocheinmal meine vorgehensweise:
Template erstellt und in den Template ordner hinterlegt.
js datein in js-ordner im stammverzeichnis hinterlegt.
Css importiert und ins seitenlayout eingebunden. Gleiches gilt für das JS im Headtag.
Modul Navigationsmenü erstellt mit Startlevel 1.
Joar das wars soweit. Problem ist, das die 2. ebene unter und nicht rechts neben der 1 Ebene angezeigt wird.
Danke für die super Anleitung
Hallo MacKP,
bin gerade von Joomla umgestiegen und habe gleich mit der Contao 2.9.0 angefangen, vorher ein paar Tage mit der RC eingearbeitet, daher kenne ich TL in alter Fassung gar nicht. Der Einbau von MenuMatic hat bei der 2.9.0 bestens funktioniert, danke für die ganze Arbeit.
Die Infos hier im Forum, das CMS selbst und auch die ganzen Features wie Handbücher, ausführlichste Anleitungen usw. sind wirklich grandios.
Ist das MenuMatic-Menü frei zu positionieren?
Zitat:
Zitat von
MacKP
Hallo Contao-Yoda,
ich habe gerade schon ein Thema zu meinem Suckerfish-Menü erstellt.
Meine Frage ist, wäre dieses MenuMatic vieleicht eine Lösung für diese Site?
http://www.consolaris-energietechnik.com/cug/
Mein Chef will dass es so aussieht und nicht anders.
Und es soll im IE6 und IE7 funktionieren, was MenuMatic ja tut.
Kann ich dieses Menü frei - absolut Positionieren?
Beispiel zu MenuMatic und Contao
Hallo,
ich hab jetzt eine Website fast online die MenuMatic verwendet. Hier der Link: http://cms.osb.hosting-kunde.de/
Gruß Frank
css von .active-Klasse ändern
Hallo-Hallo!
Bin ganz entzückt von der MenuMatic-Navigation und hab folgendes Problem:
Im active-Zustand ist der enstprechende Menüpunkt kursiv/im font-style italic.
Soweit, so gut.
Nur wenn ich gern diese Deklaration ändern bzw. um eine weitere style-Definition ergänzen möchte, wo mach ich das?
Verschiedene CSS-Anweisungsversuche meinerseits wie "#nav .active ...", selbst in der basic.css und mit ! important - Zusatz bleiben erfolglos.
Kann mir jmd. helfen?