forum.okis.ru http://forum.okis.ru/ |
|
Как отредактировать меню? http://forum.okis.ru/viewtopic.php?f=10&t=5516 |
Страница 1 из 1 |
Автор: | Anton85 [ 20 дек 2016, 21:01 ] |
Заголовок сообщения: | Как отредактировать меню? |
Помогите с настройкой меню. На данный момент: При наведении курсора на строку меню, выпадает подменю. Убирая курсор, подменю сворачивается. Если заходить на сайт с телефона, то невозможно выбрать нужную строку подменю. Хотелось бы: Чтобы подменю выпадало при клике на строку меню, и при повторном клике меню сворачиволось. Также желательно, чтобы при переходе по ссылке подменю, весь раздел меню оставался открытым. сайт для наглядности: ragroup.su |
Автор: | Okis [ 21 дек 2016, 16:28 ] |
Заголовок сообщения: | Re: Как отредактировать меню? |
Это необходимо настраивать через редактор CSS. |
Автор: | Anton85 [ 21 дек 2016, 21:06 ] |
Заголовок сообщения: | Re: Как отредактировать меню? |
В 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; } После установки ничего не изменилось, меню работает также как и раньше. Может кто в курсе, что не так. П.с. Как под спойлер загнать не понятно, тэги спойлер и хайд не работают. |
Автор: | buy-aqua [ 21 дек 2016, 22:06 ] |
Заголовок сообщения: | Re: Как отредактировать меню? |
я сделал так: убрал родное меню и вставил своё. инструкция тут http://dbmast.ru/5-variantov-odnogo-menyu-akkordeon |
Автор: | Anton85 [ 24 дек 2016, 19:44 ] |
Заголовок сообщения: | Re: Как отредактировать меню? |
buy-aqua, а не могли бы вы подробнее рассказать весь процесс. Я установил меню с этого сайта, но оно встало выше шапки сайта. Как бы его поставить поверх шаблонного меню слева. |
Автор: | buy-aqua [ 25 дек 2016, 16:32 ] |
Заголовок сообщения: | Re: Как отредактировать меню? |
его надо вставлять в раздел Рекламы-Новости а старое меню скрыть. |
Страница 1 из 1 | Часовой пояс: UTC + 3 часа [ Летнее время ] |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |