Спасибо большое))
Помощь с дизайном @Антон Хмелевской [MyBB.ru]
Сообщений 31 страница 34 из 34
Поделиться3125.11.22 21:05
Поделиться3227.11.22 16:19
Всем привет! Вопрос по доставучему скроллу и кнопкам стрелкам...
Подскажите пожалуйста, как задать им фиксированное статичное положение, чтобы на разных устройствах они стояли в одном и том же положении?
Заранее спасибо!
З.Ы. И вопрос по выпадающей навигации - как сделать так, чтобы она открывалась не по подведению курсора, а по клику (иными словами по кнопке сделать)
Поделиться3327.11.22 17:15
Антон Хмелевской
указывай значение в пикселях и будет одинаковое расстояние от КРАЯ ОКНА браузера:
right: 20px;
если хочешь спозиционировать их от края форума, то использовать
margin-left: 1000px;
Поделиться3427.11.22 17:27
З.Ы. И вопрос по выпадающей навигации - как сделать так, чтобы она открывалась не по подведению курсора, а по клику (иными словами по кнопке сделать)
замени весь код навигатора:
<div id="nav"> <ul id="etyu"> <li class="navshow"> <a href="#" style="text-align: center;" >Навигация</a> <ul ><!--- ССЫЛКИ ---> <li><a href="https://seymir.rusff.me/viewforum.php?id=4">Описание мира</a></li> <li><a href="https://seymir.rusff.me/viewtopic.php?id=19">Руководство для новоприбывших</a></li> <li><a href="https://seymir.rusff.me/viewtopic.php?id=13">Связь с администрацией проекта</a></li> <li><a href="https://seymir.rusff.me/viewtopic.php?id=24">Шаблон анкеты</a></li> </ul> </li> <ul> </div> <style> #nav { color: #a38955; font-size: 15px; font-family: 'Berlingske'; width: 385px; height: 67px; padding: 5px 5px; text-align: center; margin-left: 290px; margin-top: 25px; } .navshow ul { list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; } .navshow ul.show {left:0; opacity:1;} </style> <script type="text/javascript"> $(".navshow").click(function(){ $(".navshow ul").toggleClass("show"); }); </script>
вот эти коды надо удалить из стиля:
#etyu ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; } #etyu li:hover ul{ left:0; opacity:1; }