Третья часть обучающих советов посвящена работе со слоями: настраиваем видимость для адаптаций, задаем координаты, ширину и другое.
Слои
Открываем панель слоев. В самом верху расположены слои, располагающиеся в секции. Что с ними можно сделать:
"Переименовать"
Чтобы переименовать слой нажмите на кнопку "Переименовать". С разными названиями слоев работать намного проще.
"Заблокировать"
Заблокированные слои не будут передвигаться и выделяться.
"Дублировать"
Копируйте элементы и группы слоев с помощью кнопки дублирования.
"Удалить"
Ну и куда без функции удаления.
Видимость
С помощью настроек видимости можно скрывать элемента на разных адаптациях. Выберите нужный элемент и нажмите на иконку устройства, с которого хотите его скрыть.
Контейнер
Если поставить значение "секция", то координаты и ширина блока в процентах будет рассчитываться относительно сетки. А если поставить значение "окно", то относительно всего окна браузера. "Окно" лучше применять если фиксируешь всплывающее окно или фоновый рисунок.
Чтобы понять как это работает смотрите гифку ниже:
Координаты
Каждый элемент добавляется с привязкой "Авто". Это значит что слой привязывается к ближайшей стороне. При адаптации он будет изменять положение исходя от привязки и координат.
В режиме "ручная" самостоятельно задавайте к какому краю привязывать слой, координаты будут задаваться от выбранной стороны. Вы можете вручную прописывать координаты X-Y, это важно когда надо вымерять всё до пикселя.
Ширина
С помощью ширины вручную задается ширину элемента.
Поворот
Поворачивайте элементы на 360 градусов.
Переполнение
При выборе значения переполнение "показать" блок, который выходит за пределы зеро-секции, будет накладываться поверх секции.
Если установить значение "скрывать", то блок не будет показан в излишках.
Курсор
Допустим, у вас два контейнера, один с кнопкой, другой с картинкой. Для контейнера с кнопкой указано значение курсора "Сквозной". Тогда, если кнопка будет располагаться над картинкой и вы на нее нажмете, курсор ее проигнорирует и будет выбран контейнер с картинкой.
"Обычный" же курсор ничего не игнорирует и нажимает на самый верхний элемент.
На этом заканчиваем третью часть обзора зеро-блоков на Creatium.
Часть первая доступна по ссылке. Часть вторая доступна по ссылке.