Druckbare Version
Hi,
ich komme nicht weiter. Ich möchte ein Menü wie dieses:
http://webdesigntutsplus.s3.amazonaw...emo/index.html
in eine Seite einbauen.
Ich schaffe es aber nicht das ganze unfallfrei zu implementieren.
Die Bezeichnungen der Menüpunkte, der Unterpunkte etc. pp. verwirren mich. :eek:
Gibt's so was auch als Modul und für Conato vorbereitet, oder würde mir einer von den Cracks helfen, damit das auch bei mir läuft?
lg
Andi
schaut stark aus.... würde mich auch interessieren... :D
Was genau findet Ihr so speziell an dem Menü? Sind es die Bildchen oder der Zähler hinten?
Wie man das Grafisch umsetzt (ala Sprite) wird im Forum und Wiki beschrieben.
Hier mal der Link vom Forum und der ins Wiki.
Glaube nicht das man dies mit einer simplen Erweiterung lösen kann.
Der Grafische Teil müsste ja dann von Hand erstellt werden (Grafikprogramm).
Der Zähler ist dann ein anderes Thema.
Es sind aber doch keine Spritegrafiken, sondern es wird alles in CSS3 definiert! ;)
Und das ist ja gerade das interessante. Ich muss keine "Navigationskiste" in Photoshop zusammenbauen und ich kann jederzeit die Bezeichnungen der Menüpunkte ändern. Das geht nicht mit Sprites.
Der Zähler und die Icons sind völlig uninteressant.
Mir geht es um den Slidereffekt, der beim Klicken auf die Hauptmenüs, dann die Untermenüs zeigt.
Hi.
Mootoolsnav macht sowas ähnliches, nur beim Drüberfahren. Ich meine aber es gibt im Forum Lösungsthreads/-ansätze für ein Aufklappen bei Klick. Zweiter Haken - die Erweiterung ist nicht aktuell.
Ansonsten wäre das Accordion noch eine Idee - ich meine auch das zuletzt hier jemand damit eine Navigation gebaut und vorgestellt hat.
Gruß
Thomas
Die Alternativen sind mir schon bewusst. Aber die sind nicht annähernd so sexy, wie das von mir erwähnte Beispiel. :p
Ok, den Hauptlink hast Du uns unterschlagen ;-) Drum hier der link zum Tutorial ... damit man den Code auch sehen kann und die Anforderungen.
Hat das schon mal jemand ausprobiert?
Kann jemand schon was dazu sagen, auf was man bzgl. Contao Menü achten muss?
Grüße
Messen
das sollte doch gar nicht so kompliziert sein. verstehe das Problem noch nicht ganz.
Allerdings wirst du nicht ohne JS auskommen, denn ein onClick pseudoelement gibt es meines Wissens noch nicht. (Wäre aber mal ganz praktisch.)
Hm, und im Tutorial benutzen sie sogar jquery für den Slide. Das könnte man auch in CSS3 auslagern. Geht also noch "sexier" wenn du es so willst.
Tja, aber dazu fehlt mir einfach das Können und Wissen…
Ich beschäftige mich mit der Materie einfach zu selten. :o
Ja, deswegen schreibst du auch hier rein. Schon klar. Sollte auch kein Vorwurf werden.
Mich wundert nur, dass hier Alternativen angeboten werden, statt über die Problematik selbst zu sprechen. Ich bin ja auch nicht besser :).
Hilft dir das Tutorial weiter? Ansonsten kannst du bestimmt auch einen bezahlten Kleinstauftrag einstellen, falls du nicht weiterkommst.
Ich weiß grade nicht, wie ich dir helfen soll. Ein zweites Tutorial halte ich für nicht hilfreich.
Ich hab das auch gar nicht negativ aufgefasst. ;)
Ich will es ja lernen! ;)
In Auftrag geben und andere machen lassen, kann ja jeder.
Nur manchmal fehlt mir eben die Zeit und Muße, mich mit den für mich, komplexeren Themen auseinander zu setzen.
Grundsätzlich verstehe ich schon die Funktionsweise des Menüs, ich verstehe nur nicht, wie ich das am geschicktesten in Contao einbauen kann.
Das Menü auf einer einfachen HTML-Seite einbauen ist ja kein Problem, da definiere ich alles so, wie ich es für richtig halte.
Bei Contao geht das ja nicht so einfach… ;)
Das CSS und JS ist also gar nicht das Problem sondern das HTML des Menüs?
Das std. Navigationsmodul von Contao gibt dir ja schon die Struktur passend aus. Du musst nur noch die Klassen der li's anpassen. wenn mich nicht alles täuscht, kannst du der Seite eine CSS Klasse zuweisen, und diese erscheint dann auch im Navigationsmodul.
Das sit das Menü von der Contao Demo Seite.
Code:<ul class="level_1">
<li class="active first"><span class="active first">Home</span></li>
<li class="submenu sibling"><a href="en/academy.html" title="About the academy" class="submenu sibling" accesskey="2">The academy</a>
<ul class="level_2"></li>
<li class="first"><a href="en/news.html" title="News and updates" class="first">News</a></li>
<li><a href="en/calendar.html" title="Events and schedules">Calendar</a></li>
<li><a href="en/impressions.html" title="Campus impressions">Impressions</a></li>
<li class="last"><a href="en/teachers.html" title="Our teachers" class="last">Teachers</a></li>
</ul>
<li class="sibling"><a href="en/courses.html" title="Courses overview" class="sibling" accesskey="3">Courses</a></li>
<li class="submenu sibling last"><a href="en/services.html" title="Services and support" class="submenu sibling last" accesskey="4">Services</a>
<ul class="level_2"></li>
<li class="first"><a href="en/search.html" title="Search this website" class="first" rel="nofollow">Search</a></li>
<li class="last"><a href="en/navigation.html" title="New navigation features" class="last">Navigation</a></li>
</ul>
</ul>