Блог Дмитрия Дисмов

Интересные новости о моих разработках и увлечениях.

Background image и другие настройки основного контейнера.

Background image и другие настройки основного контейнера.

Сегодня давайте разберёмся с основным контейнером компонента ABC Page Builder.

Это основной блок внутри блока body, и с помощью его настроек можно довольно быстро изменить внешний вид вашего Landing Page или страницы.

У него не так много настроек, но они довольно важные, поэтому давайте приступим.

Видео прилагается.


В основных настройках мы можем задать ширину контейнера и ограничить строки.

  • Первый вариант (настройки по умолчанию) - ширина основного блока, строк и содержимого строк на всю ширину экрана.
  • Второй вариант, когда указана ширина контейнера, а свойство "ограничить строки" выключено - тогда основной контейнер, строки и содержимое строк имеют заданную ширину.
  • Третий вариант, ширина указана, "ограничить строки" включено -  в этом случае основной блок на всю ширину, строки на всю ширину, содержимое строк по центру с заданной шириной.
Кроме того, мы можем изменить внешний вид блока, настроив свойства во вкладке стили.

Основные настройки стиля:

  • цвет текста,
  • цвет фона (background color),
  • фоновое изображение (background image),
  • цвет рамки (border),
  • толщину рамки (border), ​
  • скругление рамки (border), ​
  • цвет рамки (border), ​
  • наружный отступ(margin),
  • внутренний отступ(padding)​,
  • ну и если вы знакомы с css, можно добавить свои css​ свойства (это, как говорится, бонус для продвинутых :)

И как обычно, для большей наглядности, я записал видео.
Ну а в следующий раз я покажу вам, как добавить фоновое видео на страницу.
Эффект просто потрясающий.



На сегодня всё.
Подписывайтесь на новости блога. Оставляйте комментарии. 
А с вами был Дмитрий Дисмов.
Всего вам доброго.

Настройки и атрибуты тега body в шаблоне Joomla
Фоновое видео на адаптивной странице (Landing Page...

Читайте также:

Комментарии

 
Еще нет комментариев