Форум русской поддержки Joomla!® CMS
11.12.2016, 13:56:29 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как сделать выпадающее меню для Joomla 3?

 (Прочитано 681 раз)
0 Пользователей и 1 Гость смотрят эту тему.
skylink67
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« : 23.06.2015, 17:44:57 »

Ни как не получается у меня сделать выпадающее меню для моего сайта: http://starsky67.ru, при нажатии на портфолио подпункты меню почему то сдвигаются направо, Помогите решить проблему
Записан
skylink67
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #1 : 23.06.2015, 17:50:31 »

Я хочу чтобы при наведении курсора мыши на пункт портфолио высвечивались под пункты меню
Записан
vegasstudio
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 58


« Ответ #2 : 23.06.2015, 18:46:23 »

Добрый день

попробуйте в файле стиля layout.css шаблона beez3 для блока
Код:
#header ul.menu li
{}
дописать свойство
Код:
  position: relative;
Записан
skylink67
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #3 : 23.06.2015, 19:09:56 »

Дописал, встало там где надо, но только что размер не тот и теперь подпункт меню горит всегда, а как сделать чтобы размер был нормальный и чтобы только при наведении показывался подпункт меню?
« Последнее редактирование: 23.06.2015, 19:13:40 от skylink67 » Записан
skylink67
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #4 : 23.06.2015, 19:24:29 »

.
« Последнее редактирование: 23.06.2015, 19:44:04 от skylink67 » Записан
A.Pronin
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 4


« Ответ #5 : 19.03.2016, 23:44:41 »

Столкнулся с похожей проблемой, вроде все прописываю верно в менеджере меню, ставлю родительские разделы как в уроках, но подпункты меню выводятся отдельным пунктом да еще и все отображение меню ломают.
при том попытки изменить display или прописать hover вообще начинают отображать меню вертикально а не горизонтально

Вот то что лежит в layout.css
Код
#header ul.menu {
padding: 0 20px 0 20 px;
width: inherit;
text-align: left;
display: block;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
margin: 0 0
 
 
}
 
#header ul.menu li {
display: inline;
padding: 0;
margin: 0;
position: relative;
}
 
#header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a
{
font-weight: none;
text-decoration: none;
padding: 0px 10px;
margin: 0;
display: inline-block;
margin: 0 0 0;
padding: 12px 15px;
position: relative;
border-right: 1px solid #271e08;
 
}
 
#header ul.menu li:first-child a {
border-radius: 4px 0 0 0;
margin-left: -1px
}
 
.moduletable_menu {
border: solid 1px #271e08;
background: #f9f9f9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px
}
 
ul.menu {
margin: 0 0 20px 0;
padding: 0;
}
 
ul.menu,ul.menu ul {
list-style-type: none;
 
}
 
ul.menu a {
display: block;
margin: 0;
text-decoration: none;
padding: 5px 0px;
border-bottom: solid 1px #271e08;
}
 
ul.menu li:last-child a {
border: 0;
box-shadow: none
}
 
ul.menu ul {
margin: 0;
padding: 0
}
 
ul.menu ul a {
padding-left: 20px
}
 
ul.menu ul ul a {
padding-left: 30px
}
 
ul.menu ul ul ul a {
padding-left: 40px
}
 
ul.menu ul ul ul ul a {
padding-left: 45px
}
 
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet