Горизонтальные и вертикальные разделительные элементы Weebly

Weebly по умолчанию предлагает горизонтальный разделитель для отображения линии между разделами вашего сайта. Для элемента разделителя недоступны параметры настройки для регулировки толщины и цвета разделителя. Иногда бывает необходимо показать горизонтальный разделитель в разных форматах, а также использовать вертикальный разделитель в некоторых местах вашего сайта. Weebly не предлагает готовых решений для этого. Вот как вы можете использовать элемент «Цитата блока» в качестве вертикального разделителя и использовать элементы «Изображение» и «Код для вставки» в качестве разделителя содержимого.

Горизонтальный разделитель Weebly

Разделитель — это элемент Weebly по умолчанию, который пользователи могут перетаскивать в область содержимого, чтобы добавить горизонтальный разделитель с предварительно определенной шириной. Щелкните перетащенный элемент, чтобы увидеть параметры настройки, как показано на рисунке ниже.

Горизонтальный разделительный элемент Weebly

У элемента горизонтального разделителя есть два простых варианта:

  1. Поля — вы можете регулировать верхнюю и нижнюю границу дайвера.
  2. Ширина — отрегулируйте ширину дайвера до одного из доступных процентов — нет, 50%, 70%, 80%, 90% и 100%.

Вертикальный разделитель Weebly

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

  • Перетащите элемент «Цитата блока» между двумя элементами.
  • Нажмите кнопку «Enter», чтобы увеличить высоту вертикального разделителя.
  • Цитата пустого блока в центральном столбце будет действовать как вертикальный разделитель между двумя другими элементами.

Использование элемента изображения в качестве разделителя

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

Тонкий разделитель (4)

Тонкий разделитель (7)

Тонкий разделитель (24)

Использование элемента встроенного кода в качестве разделителя

Последний вариант — использовать HTML тег


для определения горизонтального разделителя.

  • Перетащите элемент «Код для вставки» и введите
    внутри элемента. (Примечание: такие атрибуты тега
    , как размер и ширина, не поддерживаются в HTML5)
  • Вы можете увидеть разделительную линию, как показано ниже.

7

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *