Igor_Dp
Новенький-
Публикации
15 -
Зарегистрирован
-
Посещение
-
Благодарю за ссылочку. Довольно интересный материал. Даже не думал, что такое можно без JS сделать)
-
Благодарю за совет. Этот метод поинтересней будет.
-
Да. И еще, у меня подменю выпадает, только когда я галочку ставлю. Все логично, судя по коду. Только в песочнице работает даже при клике на слово, а у меня в коде только при клике на сам input
-
Благодарю за совет. А как тогда убрать квадратик этот??? Что-то никак не получается. И сразу еще - а как сделать, чтобы плавно открывалось меню? transition, как я понял, здесь не поможет.
-
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
-
Благодарю, попробую.
-
Добрый день, уважаемые форумчане. Помогите определиться со следующим. Как посадить верстку многостраничного сайта на WordPress? Начинаю макет (сразу говорю - это не коммерция. попросили сделать + лично мне будет опыт) который будет состоять из нескольких страниц. Ну, к примеру, Главная, О нас, Фото и т.д. Когда я верстал одностраничный сайт, у меня был Index.php, в котором, собственно говоря, и хранилась вся верстка. А как быть когда страниц будет около 10 в общей сложности? В WordPress для этого нужно какой-то плагин подключать или как? За ранее благодарен за ответы и советы!
-
Благодарю
-
проблема была в том, что я не мог корректно отобразить меню поверх слайдера, как это было указано на макете. когда применял "position: absolute" для блока top-line - некорректно работал "float". и приходилось выдумывать кучу костылей. соответственно получалось что-то нелепое. я не говорю, что ваш пример меня не устраивает. я пробовал сделать как у вас, но у меня не получилось. возможно, я что-то в коде напутал. сейчас я уже понял, что мне нужно делать. в любом случае - благодарю, что помогли)
-
https://jsfiddle.net/wsxtmfgp/
-
https://jsfiddle.net/098cbwy5/ - вот мой код. Только с картинками не получилось, так пути-то к ним прописаны локально. а в нете у меня их нету...
-
Да, удобный сервис. Сейчас уже не за компьютером. А завтра сброшу через сей сервис свой код.
-
Благодарю за совет, но я уже так пробовал. Потом у меня возникли сложности с использованием"float" для меню. Я сейчас поменял стратегию. top-line оставил в header, задал ему "width: 100%" и "position: fixed", потом следующим по влоденности дивом отцентрировал, ну и с помощью "float" логотип и менюшку по разным углам разбросал. а слайдер перенес в main (тело сайта). Вроде все корректно отобразилось.
-
http://veented.info/waxom/home-portfolio-rev-slider/ - вот ссылка на макет, который я хочу сверстать. Вот, что у меня в index.htm: <header> <div class="container"> <div class="top-line clearfix"> <div class="header-logo"> <img src="images/logo.png" alt="Waxom Hemepage" /> <span>Waxom</span> </div> <div class="header-icon"> <img src="images/by-icon.png" alt="" /> <img src="images/search-icon.png" alt="" /> </div> <nav class="header-menu clearfix"> <ul> <li><a href="">Home</a></li> <li><a href="">About Us</a></li> <li><a href="">Portfolio</a></li> <li><a href="">Features</a></li> <li><a href="">Blog</a></li> <li><a href="">Pricing</a></li> <li><a href="">Shortcodes</a></li> <li><a href="">Contact</a></li> </ul> </nav> </div> </div> <div class="slider"> <div class="slide"> <img src="images/slider-1/photo_1.jpg" alt=""> </div> <div class="slide"> <img src="images/slider-1/photo_2.jpg" alt=""> </div> <div class="slide"> <img src="images/slider-1/photo_3.jpg" alt=""> </div> <div class="slide"> <img src="images/slider-1/photo_4.jpg" alt=""> </div> </div> <div class="slider-fon"></div> </header> буду очень благодарен за подсказку, как это верно сделать. в принципе, у меня получилось добиться результата, но я на 90% уверен, что это не правильный вариант. уж больно криво оно все вышло. думаю есть какой-то более логичный и верный способ.
-
Всем доброго времени суток! Не могу определиться, как сделать следующее => есть слайдер (использую slick), поверх которого нужно разместить менюшку и логотип. Изначально я планировал слайдеру задать "position: absolute", а блоку с менюшкой и логотипом - "z-index: 2" (чтобы он был поверх слайдера). Но когда я задаю слайдеру "position: absolute" - с ним происходит что-то ужасное (он в несколько десятков раз увеличивается и соответственно все ломается). Подскажите, как такое можно сделать??