Как использовать макет с «Плавающим блоком»?

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

  1. Добавление макета:
    • Перетащите макет с основной панели инструментов.
    • Выберите шаблон макета «S1».
  2. Изменение типа макета на плавающий:
    • Выберите только что добавленный «Макет» в разделе «Структура страницы» на правой панели инструментов.
    • Выберите «Плавающий блок» в разделе «Макет» на правой панели инструментов.
  3. Настройка «Плавающего блока»:
    • Выберите «Фон», «Рамка», и/или «Тень», чтобы настроить внешний вид элемента.
    • Используйте «Размер», чтобы настроить размер макета, изменив «Высоту» и «Ширину». Кроме того, чтобы настроить размер макета можно использовать линии на границах элемента.
    • Выберите элемент внутри макета и используйте символ стрелки, чтобы переместить его и элементы под ним вверх или вниз.
    • Перетащите любые элементы из других макетов и разместите их там, где вы хотите, чтобы они находились.
    • Чтобы изменить порядок элементов, щелкните элемент правой кнопкой мыши и выберите нужный параметр "Порядка".
ПРИМЕЧАНИЕ: Имейте в виду, что при использовании типа макета «Плавающий блок» вам необходимо настраивать композицию индивидуально для каждого экрана — «Широкий», «Десктоп», «Планшет» и «Телефон».
  • 0 Пользователи считают это полезным
Помог ли вам данный ответ?

Похожие статьи

Как использовать «событие onClick JS»?

Поле «событие onClick JS» - это расширенная функция, позволяющая владельцам сайтов добавлять код...

Как загрузить/скачать исходные файлы сайта?

Мы не предоставляем прямой доступ к скачиванию или загрузке исходных файлов, но вы можете...

Как создать личный кабинет?

К сожалению, на данный момент у нас нет возможности создать личный кабинет пользователя для...

Как использовать ИИ-чат-бота в конструкторе сайтов?

Есть вопрос, связанный с работой конструктора веб-сайтов? Наш ИИ-чат-бот поможет вам! Вот как им...

How to generate a website using template wizard?

When you open the website for the first time or decide to change current template, you can use...

Powered by WHMCompleteSolution