Доброго времени суток.
У меня возникла проблема не как не могу реализовать выплывающее меню при наведении.
Собственно вот сайт
http://7v-toursb2b.msk.ru речь идёт о верхнем меню.
Хочу реализовать чтобы при наведение на кнопку пример: Клиент за копейки выплывало снизу под категория.
Вот ccs код отвечающий за меню:
/*-------------------------------------mainmenu---*/
/*-----------------content----*/
.module_menu div{color:#fff; font-size:12px;}
.module_menu ul { list-style:none; margin:0px 0px 0px 0px;}
.module_menu li { line-height:14px !important; background:url(../images/main_menu_line.gif) bottom left repeat-x; padding:6px 0 9px 0;}
.module_menu li ul {padding:8px 0px 2px 18px;}
.module_menu li ul li{ background:none; padding:2px 0 5px 0;}
.module_menu li a {
background:url(../images/list_marker.gif) 5px 5px no-repeat;
padding:0px 0px 0 18px;
color:#13644D !important;
display:block;
font:normal 12px/17px Tahoma;
text-decoration:none;
line-height:14px !important;
}
.module_menu li a span {}
.module_menu li a:hover {
color:#D5470C !important;
text-decoration:none;
padding:0 0px 0 0;
line-height:14px;
padding:0px 0px 0 18px;
}
.module_menu li a:hover span {color:#D5470C !important; }
.module_menu li.active a {color:#D5470C !important; padding:0px 0px 0 18px; line-height:14px; }
/*-------------------------------------topmenu---*/
.row-top-menu ul.menu-nav {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}
.row-top-menu ul.menu-nav li {
display:block;
padding:0 0 0 0;
float:left;
margin:0 0 0 0;
background:url(../images/top_menu_separator.png) right 0 no-repeat;
_background:url(../images/top_menu_separator.gif) right 0 no-repeat;
padding:0 2px 0 0 !important;
}
.row-top-menu ul.menu-nav li a {
border:none;
text-decoration:none !important;
float:left;
padding:0 0 0 5px;
margin:0 0 0 0;
background:url(../images/top_meun_marker.png) right 10px no-repeat;
_background:url(../images/top_meun_marker.gif) right 10px no-repeat;
}
.row-top-menu ul.menu-nav li a span {
display:block;
padding:17px 66px 26px 7px;
_padding:14px 66px 26px 7px;
color:#000;
display:block;
font-size:13px;
text-decoration:none !important;
float:left;
font-weight:normal;
text-transform:uppercase;
}
/*-------------------hover-active----*/
.row-top-menu ul.menu-nav li a:hover {
background:url(../images/top_menu_left.png) 0 0 no-repeat;
_background:url(../images/top_menu_left.gif) 0 0 no-repeat;
padding:0 0 0 5px;
}
.row-top-menu ul.menu-nav li a:hover span {
background:url(../images/top_menu_right.png) top right no-repeat;
_background:url(../images/top_menu_right.gif) top right no-repeat;
padding:22px 66px 20px 7px;
_padding:20px 66px 20px 7px;
color:#000;
}
.row-top-menu ul.menu-nav li.active a {
background:url(../images/top_menu_left.png) 0 0 no-repeat;
_background:url(../images/top_menu_left.gif) 0 0 no-repeat;
padding:0 0 0 5px;
}
.row-top-menu ul.menu-nav li.active a span {
background:url(../images/top_menu_right.png) top right no-repeat;
_background:url(../images/top_menu_right.gif) top right no-repeat;
padding:22px 66px 20px 7px;
_padding:20px 66px 20px 7px;
color:#000;
}
Долго тыкал пробывал но толку 0. Подскажите пожалуйста где что поменять надо поподробнее. Буду очень признателен.
З.Ы.Нагуглил сотню форумов перепрочел но всё ровно не смог сделать.
Заранее благодарен!
Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.
С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50.
Предложение распространяется на весь ассортимент продукции.
Подробности и полный каталог расширений доступны по ссылке:
https://nevigen.com/ru
#joomshopping
29.12.2021, 23:15:38