Третья часть обучающих советов посвящена работе со слоями: настраиваем видимость для адаптаций, задаем координаты, ширину и другое.

Слои

Открываем панель слоев. В самом верху расположены слои, располагающиеся в секции. Что с ними можно сделать:

"Переименовать"

Чтобы переименовать слой нажмите на кнопку "Переименовать". С разными названиями слоев работать намного проще.

"Заблокировать"

Заблокированные слои не будут передвигаться и выделяться.

"Дублировать"

Копируйте элементы и группы слоев с помощью кнопки дублирования.

"Удалить"

Ну и куда без функции удаления.

Видимость

С помощью настроек видимости можно скрывать элемента на разных адаптациях. Выберите нужный элемент и нажмите на иконку устройства, с которого хотите его скрыть.

Контейнер

Если поставить значение "секция", то координаты и ширина блока в процентах будет рассчитываться относительно сетки. А если поставить значение "окно", то относительно всего окна браузера. "Окно" лучше применять если фиксируешь всплывающее окно или фоновый рисунок.

Чтобы понять как это работает смотрите гифку ниже:

Координаты

Каждый элемент добавляется с привязкой "Авто". Это значит что слой привязывается к ближайшей стороне. При адаптации он будет изменять положение исходя от привязки и координат.

В режиме "ручная" самостоятельно задавайте к какому краю привязывать слой, координаты будут задаваться от выбранной стороны. Вы можете вручную прописывать координаты X-Y, это важно когда надо вымерять всё до пикселя.

Ширина

С помощью ширины вручную задается ширину элемента.

Поворот

Поворачивайте элементы на 360 градусов.

Переполнение

При выборе значения переполнение "показать" блок, который выходит за пределы зеро-секции, будет накладываться поверх секции.

Если установить значение "скрывать", то блок не будет показан в излишках.

Курсор

Допустим, у вас два контейнера, один с кнопкой, другой с картинкой. Для контейнера с кнопкой указано значение курсора "Сквозной". Тогда, если кнопка будет располагаться над картинкой и вы на нее нажмете, курсор ее проигнорирует и будет выбран контейнер с картинкой.

"Обычный" же курсор ничего не игнорирует и нажимает на самый верхний элемент.

На этом заканчиваем третью часть обзора зеро-блоков на Creatium.

Часть первая доступна по ссылке.
Часть вторая доступна по ссылке.

Вы нашли ответ?