Текущее время: 28 мар 2024, 16:06

Часовой пояс: UTC + 3 часа [ Летнее время ]


Правила форума


Пожалуйста, прежде чем задавать вопрос, воспользуйтесь поиском, возможно ответ уже существует!



Начать новую тему Ответить на тему  [ Сообщений: 6 ] 
Автор Сообщение
 Заголовок сообщения: Как отредактировать меню?
СообщениеДобавлено: 20 дек 2016, 21:01 
Не в сети

Зарегистрирован: 22 дек 2015, 20:47
Сообщения: 13
Помогите с настройкой меню.
На данный момент:
При наведении курсора на строку меню, выпадает подменю. Убирая курсор, подменю сворачивается. Если заходить на сайт с телефона, то невозможно выбрать нужную строку подменю.
Хотелось бы:
Чтобы подменю выпадало при клике на строку меню, и при повторном клике меню сворачиволось. Также желательно, чтобы при переходе по ссылке подменю, весь раздел меню оставался открытым.
сайт для наглядности: ragroup.su


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Как отредактировать меню?
СообщениеДобавлено: 21 дек 2016, 16:28 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 04:13
Сообщения: 4406
Это необходимо настраивать через редактор CSS.

_________________
Уроки и полезные советы про okis


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Как отредактировать меню?
СообщениеДобавлено: 21 дек 2016, 21:06 
Не в сети

Зарегистрирован: 22 дек 2015, 20:47
Сообщения: 13
В css я не силен. Нашел вот такой код
Код:
div.art-vmenublockcontent {
    margin: 0px auto;
    max-width: 220px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font: normal 14px Helvetica, Arial, sans-serif;
}
div.art-vmenublockcontent ul {
    margin: 0;
    padding:0;
    list-style: none;
}
div.art-vmenublockcontent > ul > li {
    position: relative;
}
div.art-vmenublockcontent > ul > li > a {
    display: block;   
    padding: .7em 1em;   
    outline: 0;   
    border-bottom: 1px solid #222;
    background: #333;
    background-image:-webkit-linear-gradient(#444, #333);
    background-image:-moz-linear-gradient(#444, #333);
    background-image:-ms-linear-gradient(#444, #333);
    background-image:linear-gradient(#444, #333);
    -webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    -moz-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    color:#C9C9C9;
    text-decoration: none;   
    text-shadow: 1px 1px 3px #111;   
    font-weight: normal;
}
div.art-vmenublockcontent > ul > li > a:hover,
div.art-vmenublockcontent > ul > li > a.active {
    color:#f2bd00;
}
div.art-vmenublockcontent .sub  ul {
    display: none;
    overflow: hidden;
    background: #eee;
    -webkit-box-shadow:inset 0 0 50px #bbb;
    -moz-box-shadow:inset 0 0 50px #bbb;
    box-shadow:inset 0 0 50px #bbb;
}
div.art-vmenublockcontent .sub ul li a {
    display: block;
    padding: .7em 1em;
    border-bottom: 1px dotted #bababa;
    color:#514b92;
    font-size: 12px;
    text-decoration: none;
}
div.art-vmenublockcontent .sub ul li a:hover,
div.art-vmenublockcontent .sub ul li a.active {
    padding-left: 1.3em;
    background: #d8d8d8;
    color: red;
}
div.art-vmenublockcontent .sub ul li a:after{
    float: left;
    margin-right:6px;
    content: "»";
    line-height: 12px;
}
div.art-vmenublockcontent .sub > a:before {
    content:'•';
    height:12px;
    width:12px;
    font-size: 1em;
    display:inline-block;
    position: absolute;
    right: 10px;
    top: 12px;
    background: #333;
    line-height: .8em;
    color: red;
    text-indent: 0;
    text-align: center;
    text-shadow:none;
    font-weight: 500;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
}
/* активный переключатель */
div.art-vmenublockcontent .sub > a.active:before{
    color: #f2bd00;
}

После установки ничего не изменилось, меню работает также как и раньше.
Может кто в курсе, что не так.
П.с. Как под спойлер загнать не понятно, тэги спойлер и хайд не работают.


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Как отредактировать меню?
СообщениеДобавлено: 21 дек 2016, 22:06 
Не в сети

Зарегистрирован: 10 ноя 2012, 00:10
Сообщения: 145
я сделал так: убрал родное меню и вставил своё.
инструкция тут
http://dbmast.ru/5-variantov-odnogo-menyu-akkordeon


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Как отредактировать меню?
СообщениеДобавлено: 24 дек 2016, 19:44 
Не в сети

Зарегистрирован: 22 дек 2015, 20:47
Сообщения: 13
buy-aqua, а не могли бы вы подробнее рассказать весь процесс. Я установил меню с этого сайта, но оно встало выше шапки сайта. Как бы его поставить поверх шаблонного меню слева.


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Как отредактировать меню?
СообщениеДобавлено: 25 дек 2016, 16:32 
Не в сети

Зарегистрирован: 10 ноя 2012, 00:10
Сообщения: 145
его надо вставлять в раздел Рекламы-Новости
а старое меню скрыть.


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 6 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron