Вход • Регистрация

Адаптивный шаблон

  • 17 ноября 2018 г.
  • Добрый день!
    Прошу подсказать в одном вопросе:
    Имеется адаптивный шаблон. Можно ли реализовать, чтобы на десктопе, шапка отображалась с одним фоновым изображением, а на мобильных устройствах-с другим?
    Заранее благодарен!
  • 17 ноября 2018 г.
  • Да, можно. Почитайте о медиа-выражениях в css. Способ очень простой, в css указываете фоновое изображение для мобилу , потом медиа выражение для минимальной ширины экрана 991 или сколько вам надо, и фон указываете новый.
  • 17 ноября 2018 г.
  • Спасибо!
    • 17 ноября 2018 г. , редакция: 17 ноября 2018 г.
    • достаточно для мобильной версии прописать и браузер его подхватит его подхватит, если уровень вложенности прописан одинаковый

      Код
      header {
      background-image: url(...) ;
      }


      Код
      @media (max-width: 767px) {
      header {
      background-image: url(...) ;
      }
      }

Новости

  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум