Текущее время: 16 апр 2024, 09: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 часа [ Летнее время ]


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

Сейчас этот форум просматривают: Bing [Bot]


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

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