PDA

Zobacz pełną wersję : Rozwijane menu (poziome) min 3 poziomy



grzesiek2
27-07-2013, 22:58
Witam, szukałem odpowiedzi na moje pytanie i nie znalazłem, czy da się w joomla za pomocą samego css (bez żadnych modułów) zbudowac menu wielopoziomowe, razem ze strzałeczkami sygnalizującymi że jest podmenu oto przykład http://webroad.pl/html5-css3/610-rozwijane-menu-wielopoziomowe-w-css3

Jdwind
27-07-2013, 23:27
Odpowiedź na Twoje pytanie - da się, za pomocą jedynie CSS (np. w templatce). Razem ze strzałeczkami.

grzesiek2
27-07-2013, 23:55
Dzięki za tak szybką odpowiedź :) udało mi się zrobic ale pionowe za pomocą samego css, i próbuje od 3 godziń wymyślec jak przerobic ten kod na poziome (nie wiem co robie źle )


nav {
float: left;
}

nav ul {
list-style: none;
width: 150px;

}

nav li {
position: relative;
line-height: 0; /* fix for IE */ margin: 0 0 -2px 0;

}

nav a, nav li:hover li a, nav li:hover li:hover li a {
color: #fff;
background-color: #000;
border: 2px solid #fff;
font-family: tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: normal;
display: block;
width: 138px;
padding-left: 10px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
height: 18px;
}

nav li:hover a, nav li:hover li:hover a, nav li:hover li:hover li:hover a {
background: #666;
}

nav li ul, nav li:hover ul li ul {
height: 16px;
width: 0;
overflow: hidden;
position: absolute;
left: 134px;
top: 0;
background: url('../images/arow.png') 0 8px no-repeat;
padding: 0 0 0 16px;
}

nav li:hover ul, nav li:hover ul li:hover ul {
width: 138px;
height: auto;
overflow: visible;
z-index:1; /* fix for Opera v9.25 and lower */
}