Jump to content

mrnobody

Expert
  • Posts

    955
  • Joined

  • Last visited

  • Days Won

    40

Everything posted by mrnobody

  1. Вы же может брать значение атрибута title и вставлять его в псевдоэлемент. В мобильном первый там считается за ховер/фокус вроде. Вот пример, если ширина меньше 639 пикселей (типа мобильный), то показывает тултипы при наведении
  2. mrnobody

    Slick slider

    Вроде из-за dislpay: flex; у слайдера, я вам еще стрелочки сделал
  3. mrnobody

    Slick slider

    Вам нужно подключить jquery и слайдер. jQuery доступен в выпадающем списке, а стили и скрипты для слайдера я беру из https://cdnjs.com/. Можете посмотреть в моем пене И важен порядок подключения скриптов. сначала jQuery, потом остальные плагины.
  4. mrnobody

    Slick slider

    Понял, обновил пен.
  5. Сайт будет адаптивным? Соединяющие линии можно сделать с помощью псвевдоэлемента у кружка. Те, которые с изгибом это будет прямоугольник с рамочкой, у которой убираем ненужные стороны.
  6. mrnobody

    Slick slider

    Не понял второй вопрос.А вы можете скрин макета показать, как это должно выглядеть? Пробую сделать, но не получается. https://codepen.io/corvus-007/pen/rdbzJq
  7. И вместо `margin-bottom: -6px;` задайте картинке `display: block;`, либо `vertical-align: middle;`
  8. задайте `position: relative;` для `.includes li`
  9. Я так понял, стрелочки исчезают, потому что количество существующих элементов меньше количества отображающихся. У вас в разметке их 6, а в скрипте указано показывать 7, попробуйте еще добавить пару слайдов.
  10. `border: 1;` это не верная запись - не указаны единицы измерения, в вашем случае 1px, далее не указан тип линии (если его нету то значение по умолчанию none) и цвет. но цвет не обязательный, он берется по цвету текста. Свойство `border: 0` нужно для того, чтобы сбросить стили, которые задает браузер. А вот последнее свойство `border-top: 1px solid @hr-border` задает только верхнюю рамку Может демку сделать на https://codepen.io/pen? Там можно выбрать less-препроцессор.
  11. Вы можете задать красный фон контейнеру
  12. Укажите блоку с картой ширину не 100%, а 75%. Меню смущают кириллические символы в id.
  13. Я так понял у них есть API, к которому можно обращаться - http://opendata.mkrf.ru/item/dev
  14. Может что-то вроде этого: http://danurstrap.com/scalize/popover.html https://www.jpchateau.com/demo/interactive-image
  15. Это из-за того что вы класс поменяли у блока - вы промахнулись и добавили нули псевдоэлементу. И лучше такой класс не задавать, а какой-нибудь осмысленный класс, например `newsletter`
  16. Поправил последний пен, скопируете стили в нем. Получилось вот так
  17. Ад-блокер удалял блок, поэтому не видел его. Попробуйте так: А нет, не пробуйте, я попробовал - не получилось (
  18. Вам нужно этот блок стилизовать?
  19. Вам нужно выбрать на панели CSS (SCSS) - "View Compiled CSS" и скопировать стили.
  20. Не знаю, подойте такой вариант с использованием псевдоэлемента и линейного градиента. Хотя можно сделать с помощью border-image, но в нем я не силен (
  21. Вроде @import должен идти перед всеми блоками правил, то есть в начале css файла. https://webref.ru/css/import (первый абзац) Единственное ,можно так сделать, но опять же подключать в начале файла @import url("preview300.css") (min-width: 360px) and (max-width: 399px);
  22. А если инпуту `input#search-area142` задать те же стили позиционирвания, как у инпута `input#suggestion-area142`: input#search-area142 { position: absolute; top: 0; } У меня сработало. Вроде ничего не сломалось )
  23. Ну на — https://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/
  24. Наверное так Основной стиль Стиль темы:
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy