Nina ist unterwegs zur Contao Konferenz. Vielleicht ist ja danach etwas Ruhe und so kann sich darauf wieder stürzen
Nina ist unterwegs zur Contao Konferenz. Vielleicht ist ja danach etwas Ruhe und so kann sich darauf wieder stürzen
Grüße, BugBuster"view source" is your guide.Danke an alle Amazon Wunschlisten Erfüller
Es gibt inzwischen eine weitere "fertige" Erweiterung:
http://www.contao.org/erweiterungsli...000000.de.html
Ich hoffe die Info ist erlaubt in diesem Thread.
Gruß
Thomas
blucomp | Webdesign & Onlinelösungen
Hey hey hey ... und von mir kriegst Du noch ne Flasche Eierlikör dazu. Zum Runterspülen der 2 kg Schokolade von x4all.
Diese für manche Sachen supernützliche Menüform kann ich auch prima einsetzen, hab momentan bloß noch soviel anderes auf der ToDo-Liste. Wenn ich so darüber nachdenke, von wievielen tollen Lösungen dieser Community ich in der kurzen Zeit meines Hierseins schon profitieren konnte, sollte ich mir sobald Zeit dafür ist, auch mal was Gutes einfallen lassen. Schätze, ich werd mich dann ein bisschen im Wiki befleißigen, wie es MacKP schonmal humorvoll anregte. Auch wenn´s ernst ist, Contao bringt echt ne Menge Spaß sowie enorme Produktivität und Erfolgserlebnisse. Das hohe Maß an positivem Engagement im Forum ebenfalls. Kann man ja ruhig mal sagen.
@tblumrich: Das ist aber nicht die, die von Nina angepasst wurde?
Sie ist leider noch im Alpha-Stadium, also nicht für Produktiv geeignet.
#Nina, kommt Deine Menüvariante noch?
Ich hoffe nicht, dass die jetzt eingestellt ist.
Gruß Legalstuff
Nein, das ist die Variante von lomex... ich wollte niemanden verwirren, nur Infos weitergeben.
http://www.contao-community.de/showt...light=megamenu
und
http://www.contao-community.de/showt...light=megamenu
blucomp | Webdesign & Onlinelösungen
Habe die Erweiterung als alpha markiert, weil ich keinerlei externe Erfahrungsberichte bzw Tests habe. Die Erweiterung läuft aber Meiner Ansicht nach stabil. Mir sind keine Fehler bekannt.
Hallo Iomex,
ich hatte heute Zeit mal Deine Megamenü Extension ausführlich zu testen und ich finde sie wirklich hervorragend gelungen, vielen Dank dafür. Damit ist es sehr einfach, die entsprechenden Menüs aufzubauen.
Darf ich kurz mal nachfragen, wieso die Möglichkeit Megamenüs einzubinden auf reguläre Seiten beschränkt ist und bei internen und externen Weiterleitungen nicht funktioniert?
Ich habe nämlich genau den Fall, dass die Trigger-Seite eigentlich eine interne Weiterleitung ist, was ja durchaus nichts Ungewöhnliches ist und eigentlich keinen wirklichen Unterschied machen sollte, oder??
Beste Grüße
Sares
Du hast Recht. Wird korrigiert!
Super, vielen Dank!
Beste Grüße
Sares
Gibt es mittlerweile denn schon die Animation zu diesem Menü? Ich habe das Menü soweit am laufen. Funktioniert alles prima, bis auf eine Sache.
Der DIV-Container wird immer am linken Bildrand aufgeklappt. Gibt es eine Möglichkeit den DIV-Container immer unter am aktuellen Menüpunkt auszuklappen? Bspw. wenn ich ein horizontales Menü habe und mit der Maus über dem dritten Menüpunkt bin, das der Container direkt unter dem 3. Menüpunkt ausgeklappt wird?
Viele Grüße
X4all
In der aktuellen Version kannst du im Modul die Animation einstellen.
Du musst den li.level_1 position:relativ geben. Dann werden die div.submenu an den li's ausgerichtet.
Ich habe noch die erste Version. Wie läuft denn das mit dem update?
Einfach über die Contao-Erweiterungsverwaltung.
Achtung:
Habe die Klasse umbenannt.
Vorher: div.megamenu
Jetzt: div.submenu
Perfekt :-) Vielen Dank. Das Menü ist der Wahnsinn!
hat das mit dem li.level_1 position:relativ nicht ganz funktioniert.
Ich habe die Anweisung eingefügt, jedoch greift die nicht. (Ich sehe keine Veränderung). Die CSS hab ich aus deinem Video Tut genommen und genau so aufgebaut. Hier wird der Container absolut positioniert. #submenu ul li div.submenu
GLG
X4all
Habe wirklich mal rumgespielt und auch im Firebug nachgesehen, aber irgendwie komm ich nicht auf das geünschte Ergebnis.
#submenu ul li.level_1
wäre meiner Meinung die CSS Anweisung an der ich ansetzen muss. Aber da tut sich nichts.
Hoffe es ist i.O. wenn ich hier mal meine CSS poste. Vielleicht hilft es ja anderen auch ein bisschen als eine art Vorlage.
Code:#submenu { background-image: url("../../tl_files/site/nav_bg.png"); background-repeat: no-repeat; height: 37px; overflow: visible; position: absolute; top: 22px; width: 980px; } #submenu ul li.level_1 { background-color: #CC0202; position: relative; } #submenu ul { display: block; float: left; list-style-type: none; width: 980px; } #submenu ul a { color: #E6E6E6; } #submenu ul.level_1 { display: block; height: 37px; margin: 0; padding: 0; width: 980px; } #submenu ul li a { border-right: 1px solid #C2C2C2; float: left; margin: 0; padding: 11px 0; text-align: center; width: 97px; } #submenu ul li div.submenu { background-color: #FFFFFF; background-image: url("../../tl_files/site/mega-bg.jpg"); background-repeat: repeat-x; border-bottom: 1px solid #8C8C8C; border-left: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; display: block; left: -9999px; margin-left: 107px; padding-left: 10px; position: relative; text-align: left; top: 37px; z-index: 9999999; } #submenu ul li.submenu:hover div.submenu { left: 10px; } #submenu ul li div.submenu a { background-image: url("none"); border: 0 none; color: #000000; display: inline; float: none; font-weight: normal; height: 11px; overflow: visible; } #submenu ul li.active { background-image: url("../../tl_files/site/button.png"); background-repeat: no-repeat; border-right: 1px solid #C2C2C2; cursor: pointer; display: block; float: left; padding-bottom: 11px; padding-top: 11px; text-align: center; width: 97px; } #submenu ul li a:hover { background-image: url("../../tl_files/site/button_hover.jpg"); background-repeat: no-repeat; border-right: 1px solid #C2C2C2; color: #3D3D3D; display: block; float: left; font-weight: bold; text-align: center; width: 97px;
Hallo
bitte poste mal die URL, damit ich sehen kann, wie das Superding ausschaut...
Vielen Dank und Gruss Hans
Das erste was mir auffällt, submenu ist eine Klasse, keine ID!
Also bitte .submenu und nicht #submenu
Die Seite läuft leider noch lokal. Von daher ist das mit dem Link ein bisschen schwierig.
Das mit der Klasse änder ich mal eben kurz...
Hab im Modul submenu bei Klasse eingetragen und in der css jede raute durch einen punkt ersetzt. Aber das ganze Menü ist jetzt zerschossen... Kann doch eig. gar nicht sein???
Kann es sein, das die Animationen des Submenüs im IE nicht funktionieren? Habe es mit dem IE8 getestet.
Grüße
X4all
Ja. Da geht nur die Fade-Animation. Habe ich vergessen in der Beschreibung im Repository zu erwähnen. Werde aber die Möglichkeit einbauen, wenn für alle li:hover div.submenu { left:0 } gilt, dass auch für den IE zu aktivieren. Ist im Moment im Script komplett für alle IE deaktiviert. Ich kann per Javascript die gehoverten Werte mit dem IE nicht auslesen.
Hab auch Schwierigkeiten mit der CSS im IE8. Es gibt zwar sowas wie Firebug im IE 8 unter Extras - Entwicklertools. Ich schau mir das morgen nochmal an und hoffe das ich es hinebekomme, wenn nicht poste ich mal den Code.
Ich hab die CSS fast genauso wie du in deinem Screencast. Aber da hast du auch mit CSS ID gearbeitet und nicht mit der Klasse. Weil du doch gemeint hast .submenu und nicht #submenu.
Grüße und noch einen schönen Abend
X4all
Hallo Nina!
Das würde mich auch interessieren, deshalb würde ich deinen Beitrag gern mit einem "Danke" -Button quitieren. Ich hatte das bereits an anderer Stelle erwähnt.
Ich finde ein "Danke" reicht oft und der Autor des Beitrags kann schnell anhand der Menge der "Danke"`s sehen wie seine Idee ankommt.
Hat sich in einem anderen Forum, das auf der gleichen Basis steht, bewährt (bulletin) und dürfte vergleichsweise einfach freizuschalten sein.
Tschüss
Jörg Basler
DropLimits -Die Seite der Rekordjäger
Hallo Iomex,
mir ist noch ein kleiner Fehler in Deiner Erweiterung untergekommen,
den ich Dir gerne mitteilen möchte. Und zwar folgendes Setup:
Testseite
-- Unterseite 1
-- Unterseite 2
Testseite ist in meinem Fall eine interne Weiterleitung auf Unterseite 1
und beinhaltet ein Megamenü. Es macht aber keinen Unterschied, ob
es sich um eine interne Weiterleitung oder um eine reguläre Seite handelt.
Befindet man sich auf der Unterseite 1 (oder Unterseite 2), dann sieht
man, dass die Testseite nicht die CSS-Klasse "trail" bekommt, wie das
bei der normalen Navigation üblich ist und damit ist es auch nicht
möglich, die Testseite entsprechend zu stylen.
Befindet man sich auf der Testseite, wird die CSS-Klasse "active"
ergänzt, das funktioniert also wie erwartet.
Ich hoffe, meine Fehlerbeschreibung war einigermaßen verständlich
Vielen Dank und beste Grüße
Sares
Danke auf jedenfalls für den Tip. Werde ich mir in drei Wochen anschauen :-)
Bin in Urlaub und schaffe nur das Nötigste.
Hallo Iomex,
heute ist mir noch etwas aufgefallen und zwar folgendes:
Wenn man einer Seite eine CSS-Klasse übergibt und sich auf dieser Seite
ein Megamenü befindet, dann wird die eingegebene CSS Klasse einfach
ignoriert und nur die Klasse "submenu" im <li> ergänzt.
Hier ein kleines Beispiel das das Problem verdeutlicht.
Struktur ohne Megamenü (vereinfacht):
Struktur mit Megamenü:HTML-Code:<ul> <li class="t01"><a href="test01.html">Test</li> <li class="t02"><a href="test02.html">Test</li> </ul>
Erwartete Struktur:HTML-Code:<ul> <li class="submenu"><a href="test01.html">Test</li> <li class="t02"><a href="test02.html">Test</li> </ul>
Als einfachen Workaround kann man in der Zwischenzeit das Ausgabe Template anpassen,HTML-Code:<ul> <li class="submenu t01"><a href="test01.html">Test</li> <li class="t02"><a href="test02.html">Test</li> </ul>
das schaut dann so aus:
Ich weiss, nicht gerade ein Kunstwerk, aber funktioniert zumindest einmalPHP-Code:
<?php if ($this->moomenu_aktiv && $this->level == "level_1") : ?>
<script type="text/javascript" src="system/modules/megamenu/html/MooMenu.js"></script>
<script type="text/javascript">
window.addEvent("domready", function(){
var MooMenu<?php echo $this->moduleid; ?> = new MooMenu({
element: '<?php echo $this->moomenu_id; ?>',
mode: '<?php echo $this->moomenu_mode; ?>',
MooIn: '<?php echo $this->moomenu_mooin; ?>',
MooOut: '<?php echo $this->moomenu_mooout; ?>',
durationin: <?php echo $this->moomenu_durationin; ?>,
durationout: <?php echo $this->moomenu_durationout; ?>
});
})
</script>
<?php endif; ?>
<ul class="<?php echo $this->level; ?>">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="active
<?php if ($item['class']): ?>
<?php echo $item['class']; ?>
<?php if ($item['class'] == "submenu"): ?>
<?php if ($item['cssClass']): ?>
<?php echo $item['cssClass']; ?>
<?php endif; ?>
<?php endif; ?>"
<?php endif; ?><span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span><?php if ($item['megamenu']): ?><div <?php if($item['megamenu_id']): ?>id="<?php echo $item['megamenu_id']; ?>" <?php endif; ?>class="submenu active <?php echo $item['megamenu_class']; ?>"><?php echo $item['megamenu_article']; ?></div><?php else: ?><?php echo $item['subitems']; ?><?php endif; ?></li>
<?php elseif ($item['noLink']): ?>
<li class="<?php if ($item['class']): ?>
<?php echo $item['class']; ?>
<?php if ($item['class'] == "submenu"): ?>
<?php if ($item['cssClass']): ?>
<?php echo $item['cssClass']; ?>
<?php endif; ?>
<?php endif; ?>
<?php endif;?>"><span class="<?php if ($item['class']): ?><?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span><?php if ($item['megamenu']): ?><div <?php if($item['megamenu_id']): ?>id="<?php echo $item['megamenu_id']; ?>" <?php endif; ?>class="submenu <?php echo $item['megamenu_class']; ?>"><?php echo $item['megamenu_article']; ?></div><?php else: ?><?php echo $item['subitems']; ?><?php endif; ?></li>
<?php else: ?>
<li
<?php if ($item['class']): ?>
class="<?php echo $item['class']; ?>
<?php if ($item['class'] == "submenu"): ?>
<?php if ($item['cssClass']): ?>
<?php echo $item['cssClass']; ?>
<?php endif; ?>
<?php endif; ?>"
<?php endif; ?>
<a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php if ($item['megamenu']): ?><div <?php if($item['megamenu_id']): ?>id="<?php echo $item['megamenu_id']; ?>" <?php endif; ?>class="submenu <?php echo $item['megamenu_class']; ?>"><?php echo $item['megamenu_article']; ?></div><?php else: echo $item['subitems']; endif; ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
Vielleicht kannst Du das ja ebenfalls nach Deinem Urlaub einmal kurz anschauen.
Vielen Dank, schönen Urlaub noch und beste Grüße
Sares
Kurzer Nachtrag:
eigentlich müsste man das dann wohl auch bei den Links und den <span>'s
ebenfalls berücksichtigen, genauso für den Fall trail und "sibling", den ich
übrigens bei meinem ersten Fehlerreport vergessen habe.
Beste Grüße
Sares
Hallo,
habe ein ähnliches Problem mit den Klassen beim Megamenu.
Wenn ich zum Beispiel auf dem Hauptmenu "Home" bin und von dort aus auf einen anderen Hauptmenüpunkt mit der Maus gehe kommt der Hover Button und es geht der Div des Megamenüs auf, wenn ich dann mit der Maus in den div gehe bleibt im Hauptmenüpunkt der Hover Button weiterhin aktiv, so wie es ja auch sein sollte. Wenn ich allerdings dann auf diesen Haupmenüpunkt klicke und dann mit der Maus über den geöffneten Div gehe, ändert der Hauptnavigationsbutton wieder in den normalen Button. Es gibt keine Möglichkeit des zu ändern, weil es dafür 1tens keinen "active" Klasse gibt und 2tens auch kein "trail".
Hat schon jemand dort etwas verbessert? Denn so wie das jetzt ist kann man das nicht vernünftig gestallten.
Oder wird das Modul garnicht weiterentwickelt?
Gruß
Sobald ich Zeit habe und vor allem aus dem Urlaub zurück bin kümmere ich mich darum. Versprochen. Wenn jemand die nötigen Anpassungen hat, darf er sie mir gerne schicken :-)
Hallo Iomex,
hattest Du schon mal Zeit, Dir meine Ausführungen anzuschauen und
kann ich Dir noch irgendwelche Informationen zur Verfügung stellen?
Mein Workaround ist ja leider nach einigen Tests nicht unbedingt so praktikabel ;-)
Besten Dank!
Sares
Dein Workaround liegt noch auf meinem Tisch. Im aktuellen Projekt benötige ich wieder das Megamenü. Ist der nächste Schritt. Werde mich zeitnah melden.
Hallo Iomex,
danke für Deine rasche Rückmeldung.
Wie gesagt, mein Workaround ist nicht wirklich praktikabel,
weil er nicht alle Fälle abdeckt und man um das eigentliche
Problem drum-herum-baut. Ich denke es sollte nicht notwendig
sein, im Ausgabe-Template solche Verrenkungen zu machen,
das sollte direkt im Modul passieren.
Ich habe meine Tests dann aber erstmal auf Eis gelegt,
bin aber gerne bereit, Dein Modul dann wieder ausführlich
zu testen und Dich mit meinem Feedback bei der Fehlerbeseitigung
zu unterstützen.
Beste Grüße
Sares
Hallo Iomex,
da ich plane dein tolles Menü endlich auch einmal bei
einem "realen" Projekt einzusetzen, wollte ich mal
nachfragen, ob schon Zeit hattest, Dir die kleinen
Bugs anzuschauen und ob Du schon abschätzen
kannst, ob und wann es eventuell ein kleines
Update geben wird?
Vielen Dank und beste Grüße
Sares
Ja. Hatte letzte Nacht ein paar Gedankensprünge. Bei meinen Tests läuft es jetzt auf allen Browsern. Auch die SlideDown Animation im IE. Musste dafür ein paar Änderungen vornehmen, was ich noch irgendwo dokumentieren muss... Bemühe mich es heute online zu stellen.
Hallo Iomex,
super, vielen Dank für die rasche Rückmeldung und vor allem
für die tollen Nachrichten. Tja, in der Nacht kommen mir auch
immer die besten Ideen ...
Ich werde Dein Modul nach der Veröffentlichung sehr gerne
wieder ausführlich testen und hier in diesem Thread meine
Erfahrungen damit posten.
Beste Grüße
Sares
Neue Version. Und hier dazu eine Anleitung.
Gruß
lomex
Hallo Iomex,
vielen Dank für die neue Version und die tollen Ergänzungen,
die Du eingebaut hast, das ist wirklich genial mit den ganzen
Effekten!
Ich habe mich daher gleich hingesetzt und die neue Version
ausführlich getestet. Auf den ersten Blick konnte ich nur
ein kleines Problem identifizieren und zwar folgendes:
Aktiviert man in der Seitenstruktur das "Mega-Menü",
dann kann man ja den Artikel auswählen und darunter
eine CSS ID + Klasse vergeben.
Die CSS-ID funktioniert wie erwartet und ohne Probleme und
es wird dem eingebundenen <div> Artikel-Submenu die CSS-ID mitgegeben.
Macht man das gleiche allerdings mit der CSS-Klasse, dann beschränkt
sich die Weitergabe nicht nur auf das eingebundene <div> Artikel-Submenu,
sondern es wird sowohl dem <li> als auch dem <a> die CSS-Klasse mitgegeben,
was natürlich beim Einsatz z.B. eines Grid-Systems zu sehr unschönen
Effekten führt.
In diesem Zusammenhang habe ich dann auch noch folgendes probiert:
Ich habe beim Mega-Menü sämtliche IDs und Klassen entfernt und
stattdessen dem eingebunden Artikel eine CSS-Klasse und ID in den
Artikel-Einstellungen mitgegeben. Allerdings scheint es so zu sein, dass
hier sämtliche Einstellungen ignoriert werden. Ich vermute einmal,
dass die CSS-Einstellungen beim Mega-Menü die lokalen Artikel-Einstellungen
überschreiben oder Du auf die CSS-Settings des Artikels gar keine Rücksicht
nimmst (was ja durchaus auch Sinn machen würde, wenn man das direkt
beim Mega-Menü machen kann), richtig?
Vielen Dank und beste Grüße
Sares
Kurze Ergänzung - in den DE Language-Files passt teilweise die Codierung einzelner
Umlaute nicht ganz, ich vermute mal, dass die Files nicht korrekt als UTF-8 gespeichert
wurden.
Sares
Die Contao-Methode getArticles zieht nur die Inhaltselemente eines Artikels, aber nicht das Gerüst drumherum. Daher werden auch nicht die CSS-ID/Klassen ausgewertet. Aus diesem Grund habe ich die Möglichkeit in der Seitenstruktur für das MegaMenü geschaffen.
Hatte aus deinem alten Posting es so verstanden, dass gerade diese CSS-Klasse überall mit übergeben werden soll, nicht nur im div. In wie fern macht es Probleme mit dem Grid? Wie wäre es besser? Nur dem li und dem div die Klasse mitgeben?
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen