| 0
- 05.06.2015 - 19:57
|
Добрый день! Подскажите, пожалуйста, есть ли такой модуль для Joomla (конкретно 3.4.1), чтобы сделать меню разворачивающим подкатегории при клике на саму категорию? Сейчас выводятся все пункты меню, а надо, чтобы меню было разворачивающимся. Т.е. если мы на верхнем уровне, то все подкатегории закрыты. Нажимаем на пункт и открывается страница и в меню появляются подпункты нажатой категории. Спасибо!     | |
| 1
- 07.06.2015 - 11:38
| ковыряйте css | |
| 2
- 08.06.2015 - 12:51
| Запросите такой модуль в поисковике. Сто пудов есть. И не один. Запросы, типа, "меню-аккордеон", "вываливающееся меню" и т. п. | |
| 3
- 15.08.2015 - 21:41
| это обычный аккордеон - их десятки | |
| 4
- 16.08.2015 - 23:23
|
CSS Код: /* Total cascade style sheets:2. Selectors total: 7 */
/* Style «Menu» */
.Menu > div {width:120px; position:relative; display:inline-block**
.Menu a {border:1px solid #ff0000; text-align:center; padding:5px; background:khaki; text-decoration:none; font-family:verdana; font-weight:bold; font-size:12pt; display:block; margin-left:auto; margin-right:auto**
.Menu a:hover {color:khaki; background:firebrick**
.Menu a:hover + div {display:block**
.Menu .MenuFloat {position:absolute; left:-3px; display:none; min-width:150px; padding-bottom:10px**
.Menu .MenuFloat:hover {display:block**
/* Style «MenuFloat» */
.MenuFloat > a {border:1px outset #000000; width:100%; text-align:left; font-size:9pt; display:block; margin-top:2px** Код: <div class="Menu" style="border:4px outset #ff0000; text-align:justify; overflow:visible; position:relative; display:inline-block"> <div align="left"> <a href="#1" title="">Линк</a> <div class="MenuFloat"> <a href="#">Пункт меню №1</a> <a href="">Пункт меню №2</a> <a href="">Пункт меню №3</a> </div> </div> <div align="left"> <a href="#1" title="">Линк 2</a> <div class="MenuFloat"> <a href="">Пункт меню 2 №1</a> <a href="">Пункт меню 2 №2</a> <a href="">Пункт меню 2 №3</a> <a href="">Пункт меню 2 №4</a> </div> </div> <div align="left"> <a href="#1" title="">Линк 3</a> <div class="MenuFloat"> <a href="">Пункт меню 3 №1</a> <a href="">Пункт меню 3 №2</a> <a href="">Пункт меню 3 №3</a> <a href="">Пункт меню 3 №4</a> </div> </div> </div> http://htmlbank.net/?zip=WR | |
Интернет-форум Краснодарского края и Краснодара |
