4. Navigationsebene für Jimdo

Touchscreen Problematik gelöst mit doubletaptogo.js (...by Osvaldas Valutis, www.osvaldas.info, available for use under the MIT License) https://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

Quelle: http://jquerypluginplus.com/create-multi-level-drop-menu-pure-css/

Forum: http://redesign-berlin.xobor.de/t61f14-Drop-down-menue.html#msg214

How it works

Pure CSS MultiLevelDropdownMenue

ul li {
  display: block;
  position: relative;
  float: left;
  background: #1bc2a2;
}

Using relative positioning for the parent li allows it to be used as a container for absolutely positioned child elements.

li ul {
  display: none; 
}

This hides the dropdown menus until hovering over a parent li.

li:hover > ul {
  display: block; 
  position: absolute;
}

This displays the dropdown ul when hovering over a parent li, using li:hover ul for the selector without the > child combinator selector will work for single level dropdowns.

ul ul ul {
    left: 100%;
    top: 0;
}

Poisitions the second level dropdowns to the right of the first level dropdown.

Front-End Design

html

HTML

Lorem ipsum dolor sit amet, ullum nullam es possim sed et. Virtute ancillae mel ne, quo ean adhuc del principes persequeris, ius alii pro priae maxima accommodare ea. Zril aliquam fabulas mei in. Epicurei adipisci pro ex, vidisse minimum volupta ius eu vero eos et accusam et justo duo dolores.

css

CSS

resets

Resets

Lorem ipsum dolor sit amet, ullum nullam es possim sed et. Virtute ancillae mel ne, quo ean adhuc del principes persequeris, ius alii pro priae maxima accommodare ea. Zril aliquam fabulas mei in. Epicurei adipisci pro ex, vidisse minimum volupta ius eu vero eos et accusam et justo duo dolores.

grids

Grids

Lorem ipsum dolor sit amet, ullum nullam es possim sed et. Virtute ancillae mel ne, quo ean adhuc del principes persequeris, ius alii pro priae maxima accommodare ea. Zril aliquam fabulas mei in. Epicurei adipisci pro ex, vidisse minimum volupta ius eu vero eos et accusam et justo duo dolores.

frameworks

Frameworks

Lorem ipsum dolor sit amet, ullum nullam es possim sed et. Virtute ancillae mel ne, quo ean adhuc del principes persequeris, ius alii pro priae maxima accommodare ea. Zril aliquam fabulas mei in. Epicurei adipisci pro ex, vidisse minimum volupta ius eu vero eos et accusam et justo duo dolores.

javascript

JavaScript

Lorem ipsum dolor sit amet, ullum nullam es possim sed et. Virtute ancillae mel ne, quo ean adhuc del principes persequeris, ius alii pro priae maxima accommodare ea. Zril aliquam fabulas mei in. Epicurei adipisci pro ex, vidisse minimum volupta ius eu vero eos et accusam et justo duo dolores.

wpd

WordPress Development

About US