volshebnyi

Пользователь
  • Публикации

    197
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О volshebnyi

  • Звание
    Участник

Информация

  • Пол
    мужской
  • Откуда
    Украина

Посетители профиля

1153 просмотра профиля
  1. Здравствуйте! Только начинаю знакомиться с SVG форматом для изображения на сайте. Есть, например, логотип, фактический размер на сайте которого равен 200 х 200 пикселей. В случае с png я увеличивал само изображение в два раза для того, чтобы оно красиво смотрелось на ретина дисплеях. Как быть с векторным SVG в таком случае?
  2. volshebnyi

    Навигация со скролом для мобильной версии сайта

    Switch74, Как всегда, огромное спасибо!
  3. volshebnyi

    Навигация со скролом для мобильной версии сайта

    Подскажите, а как "заблюрить" край блока nav, как на примере. Чтобы создавался эффект, что дальше есть продолжение меню:
  4. volshebnyi

    Навигация со скролом для мобильной версии сайта

    Спасибо огромное! Не там я применял стиль white-space: nowrap; А на счет введения правил начиная с 1000 px - для планшетной версии (768 Х 1024) я просто уменьшил шрифт и все меню как раз красиво помещается. А вот уже с 700 - будет скролиться.
  5. volshebnyi

    Навигация со скролом для мобильной версии сайта

    http://kuhonka.com.ua/svit/
  6. volshebnyi

    Навигация со скролом для мобильной версии сайта

    Я уже пробовал scroll с самого начала. Не получилось.
  7. volshebnyi

    Навигация со скролом для мобильной версии сайта

    Я видел такую навигацию только в мобильных приложениях. На сайтах не видел.
  8. Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!
  9. volshebnyi

    Условие на JavaScript по URL

    Вот так заработало как нужно: Array.prototype.forEach.call(document.querySelectorAll('a.all-active'), function(link) { if(window.location.href.indexOf("?") > -1) { link.classList.remove('current'); }else { link.classList.add('current'); } }); Может быть я не правильно Вас понял... с if (!link.search) не работает... И в консоли появляется - содержание ссылки (тега а) и =>.
  10. volshebnyi

    Условие на JavaScript по URL

    mrnobody, спасибо Вам! Но, к сожалению, класс current теперь добавляется в любом случае - когда URL не содержит символ "?" и когда содержит...
  11. volshebnyi

    Условие на JavaScript по URL

    Вот, выложил. К первой ссылке, у которой класс all-active класс current не добавляется, к сожалению...
  12. volshebnyi

    Условие на JavaScript по URL

    Подскажите, пожалуйста, как правильно реализовать такое условие...
  13. volshebnyi

    Условие на JavaScript по URL

    mrnobody, Спасибо! Мне пришлось поменять класс для ссылок - all-active. И почему-то так не работает: Array.prototype.forEach.call(document.querySelectorAll('a.all-active'), function(link) { console.log(link.textContent, '=>',link.search); if (link.search) { link.classList.add('current'); } else { link.classList.remove('current'); } });
  14. Здравствуйте! Подскажите, пожалуйста, как написать на чистом JavaScript такое условие: Если в url нет символа ? (знака вопроса), то "fieldset.filter-item a" присвоить класс current Заранее благодарен за помощь!
  15. volshebnyi

    Несколько popup окон на одной странице на чистом JS

    Вот здесь пример одного всплывающего окна - https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup А у меня их несколько на странице - например, список разных пицц. Возле каждой пиццы кнопка "Ингредиенты". При нажатии на эту кнопку открывается список с ингредиентами. У каждой пиццы, естественно, этот список свой.