Navigations-Skript von CSS-Play einbinden

Druckbare Version

14.03.2016, 12:32
Tinker2

Navigations-Skript von CSS-Play einbinden

Hallo liebe Community,

ich versuche mich gerade daran ein responsives CSS-Play-Menu in eine Seite einzubauen, stoße damit aber an meine Grenzen.
Im Auge hab ich dieses hier: http://www.cssplay.co.uk/menus/csspl...level-two.html

- Ich habe mir die Styles aus dem <head> auf der Seite gezogen, das sieht auch super aus
- die vorgegebene Klasse .menu hab ich mit Contaos .mod_navigation ausgetauscht
- das Stylesheet extern eingebunden via Layout

Es gibt darin noch 2 Klassen die ich nicht so spontan übersetzen kann:
.Trigger
.menuHolder

Vielleicht hat ja jemand von euch ein paar hilfreiche Hinweise oder hat das womöglich schon selbst getan.
Ich danke schonmal!
14.03.2016, 12:50
Samuell

Ich sehe diese Klassen nicht in dem von Dir genannten Link.
Wo kann man die denn finden?
14.03.2016, 13:00
07alex07

.trigger ist dein "Hambuger" Navigation
.menuHolder ist der container von deiner Hamburger Navigation
14.03.2016, 13:56
Tinker2

@Samuell
Wenn du beim Link im <head> das Skript aufklappst ist .trigger gleich ganz oben die erste Klasse, .menuHolder folgt kurz darauf (und viel weiter drunter nochmals).

@07alex07
Wenn ich das richtig verstehe: ich habe den Hamburger o.ä. und beide Klassen sind nur für diesen relevant? Damit muss ich mal rumprobieren, ist das erste Mal das ich sowas versuche umzubasteln, bzw. einen Hamburger in die Seite zu bauen.

Danke euch schonmal!
14.03.2016, 15:01
07alex07

schau dir am besten mit Firebug die Seite genauer an.
Da wirst du genau sehen was alles mit den Klassen passiert
15.03.2016, 07:00
Tinker2

Ja, ich hab mich mal intensiver reingefräst... ist also nicht so ganz easy wie ich dachte. Das meiste glaube ich aber zu kapieren und soweit funktioniert der Einbau.

Herausforderung: Submenu!
Da hänge ich im Moment noch ziemlich.
Contao generiert die ja als level2-links (nenn ich mal so... Verzeihung), in der Vorlage sind das Checkboxen via Input.
Brrrr... da knabber ich dran :) Wie kann ich das übersetzen?
15.03.2016, 07:32
07alex07

Zeig mal dein Code bzw. Link zur Seite
15.03.2016, 09:01
Tinker2

Temporär mal hier: http://contao35.dieazubis.de/index.p...duktionen.html
Ist allerdings aktuell ne ordentliche Baustelle (Platzhalter, alte Experimente, unvollständige Ansätze). Relevant ist die verlinkte Seite, da sie Submenus auf 2 Ebenen bekommen soll, für andere wird das nicht nötig sein.
15.03.2016, 09:08
Samuell

Zitat:

Zitat von Tinker2

Herausforderung: Submenu!
Da hänge ich im Moment noch ziemlich.
Contao generiert die ja als level2-links (nenn ich mal so... Verzeihung), in der Vorlage sind das Checkboxen via Input.
Brrrr... da knabber ich dran :) Wie kann ich das übersetzen?

Du müßtest das Template anpassen.

Wörtlich ... if level_1 mit li, if level_2 zusätzlich mit inputs

Ich find diese Lösung nicht schön und würde mir eine andere suchen.
Probier es doch mal mit dem "superfish-menu".
Das gibt es sogar als Erweiterung für Contao.
15.03.2016, 10:25
Tinker2

Joa, wenn es ans Template geht bin ich (leider) raus. Dafür hab ich nicht die Fähigkeiten und nicht die Zeit mir die anzueignen (ich mache das ja privat, nicht beruflich).
Meine Hoffnung war das es ohne geht, aber es klingt einleuchtend dass an diesem Punkt ins Template gegriffen werden muss.

Superfish schaue ich mir mal an, mein Wunsch geht halt in eine responsive Navi mit "Hamburger" o.ä, die scheint Superfish von Haus aus nicht zu haben (hab aber noch nicht probiert).
das mmenu hatte ich schonmal angeschaut, aber das hat diese Einblendung von der Seite her und das ist nicht so meins.

Falls es dennoch Hinweise und/oder weitere Ansätze gibt freu ich mich, denn die CSS-Play-Geschichten sind ja schon schön.
15.03.2016, 10:31
Samuell

Stimmt. Superfish macht nur das drop-down. Da hab ich gerade nicht dran gedacht.
Allerdings könnte man die mobile Sache mit CSS selbst machen.

CSS-Play ist ganz nett, ja.
Aber das HTML entspricht nicht dem Standard einer einfachen unformatierten Liste für eine Navigation.
Das würde mich halt stören.

Bei einem Hobby muss man ganz klar schauen wie viel Zeit man investieren will ud wie man mit Problemen umgeht, wenn man nicht weiterkommt. Ganz klar.
15.03.2016, 18:11
Tinker2

Ja, da muss man schauen...

Euch beiden an dieser Stelle mal ein Danke! Ich lass bis auf Weiteres mal die Finger von der Idee und probier mich am Superfish.
Das müsste ja mit 2 Menüs und Breakpoints machbar sein.
Horrido!
15.03.2016, 18:51
Samuell

Eine Mobile Nabi und superfish dazu geht, natürlich.