Menü für Mobile und normale Darstellung siehe www.apl....de

[traxel]

Hallo,

ich bin durch zufall auf die Seite von http://www.aplido.de geraten, die Seite hat zwar einige Fehler vorallem in der mobilen Darstellung (für ne Agentur die selbst entwickelt nicht unbedingt ein aushängeschild aber was solls, niemand ist perfekt).

Mich intessiert wie ich ein solches Menü wie es hier verwendet wurde erstelle, insbesondere finde ich das einblenden der Bilder im Menü bei der normalen Darstellung recht interessant.

Auch die umschaltung des Menüs bei etwa 760px und die dann folgende darstellung interessiert mich...

Wie setzt man sowas um.. abgesehen von der nutzung des Grid-Layouts...

[petra]

Mit Anpassung des Nav-Templates bzgl des Bildes und hover-Effekt mit CSS und/oder Javascript...aber so richtig touchfaehig ist das Menü hier nicht auf dem Tablet (sehe keine mobile Navigation).

Gesendet von meinem SM-P600 mit Tapatalk

[traxel]

Auf meinem Nexus hab ich keine Probleme....

Gesendet von meinem Nexus 5 mit Tapatalk

[petra]

Die Unterpunkte sind nicht alle sichtbar und werden auch nur kurz eingeblendet, dann wird der Oberpunkt schon geladen.

Gesendet von meinem SM-P600 mit Tapatalk

[traxel]

Hmm, wie auch immer.... Wie entwickelt man so ein Menü?

Gesendet von meinem Nexus 5 mit Tapatalk

[mlweb]

Ist wie schon oben beschrieben nicht gut umgesetzt. Funktion/Umsetzung kann man z.B. im Firefox mit Firebug untersuchen. Im Grunde genommen besteht die zweite Ebene jeweils aus einem Bild und zwei ungeordneten Listen. Der gesamte Bereich wird im Normalzustand ausgeblendet und bei Hover eingeblendet.