Як оформити блок: рамка, фон, відступи, тінь

← Назад

Наведіть на блок і натисніть шестерню — відкриється вікно стилів із вкладками «Межа», «Блок», «Текст», «Посилання», «Анімація», «Позиціонування».

Шестерня з'являється при наведенні на блок — у шапки, підвалу, області контенту, колонок форми, карток. Вона відкриває вікно стилів. Правки зберігаються самі, по ходу введення; кнопка «Очистити» скидає оформлення блоку.

Що де лежить:

  • «Межа» — положення (усі сторони або окрема), колір, товщина, заокруглення кутів.
  • «Блок» — колір фону, градієнт («Використовувати градієнт фону»), «Тінь блоку», «Внутрішній відступ» і «Зовнішній відступ», фонове зображення, ширина і висота (в тому числі мінімальна і максимальна), «Вирівнювання тексту» і «Вирівнювання блоку», «Видимість» — приховати блок на ПК, планшеті або телефоні.
  • «Текст» — шрифт, розмір, колір.
  • «Посилання» — колір посилань усередині блоку окремо від звичайного тексту.
  • «Анімація» — поява, реакція на наведення і постійний рух.
  • «Позиціонування» — «Тип позиціонування» (блок, що прилипає до верху або низу вікна), зміщення, поворот.

Вигляд при наведенні задається перемикачем у шапці вікна: «Звичайний» / «При наведенні» / «Активний» (останній — тільки в пунктів меню). На вкладках «Межа», «Блок», «Текст» і «Посилання» налаштування стосуються вибраного стану; порожнє поле означає «як у звичайному».

Головний перемикач — «Застосувати тільки для даного блоку». Без галочки налаштування діє на всі блоки цього виду по всьому сайту: поставили рамку області контенту — вона з'явиться на кожній сторінці. З галочкою — тільки на цьому блоці цієї сторінки.

Якщо не вийшло

  • Оформився не той блок. Блоки вкладені один в одного: наводьте точніше, шестерня з'являється в того блоку, над яким курсор.
  • Поміняли на одній сторінці — змінилося всюди. Не була поставлена галочка «Застосувати тільки для даного блоку». Поверніть значення і повторіть з галочкою.
  • Вирівнювання тексту не працює. Перевірте, чи не задано на цьому ж блоці вирівнювання самого блоку — вони сперечаються один з одним.
Стаття допомогла?

Дивіться також

Як поставити логотип і фавіконкуОбидві картинки завантажуються в налаштуваннях інформера «Логотип» — полями «Логотип» і «Фав-іконка».Як додати лічильник або чужий віджет на всі сторінкиВкладка «Про сайт» у загальних налаштуваннях, поле «HTML-код віджетів» — код вставляється на кожну сторінку сайту.Що таке інформери в менюЦе маленькі віджети, які стоять у меню нарівні з пунктами: логотип, кошик, пошук, перемикач мови, чат та інші.Як змінити розмір і відступи блоку мишкоюНаведіть на блок і тягніть ручку на його краю. Зазвичай змінюються всі блоки цього типу, з Ctrl — тільки цей; у плиток товарів навпаки.

Підказки для роботи з конструктором

Розділ «Довідка» створено для тих, хто вперше збирає сайт на «Першій лінії». Тут зібрано відповіді на часті питання: як створити сайт, що писати в полях, як редагувати тексти й фотографії, як підключити власний домен і налаштувати розділи. Матеріали допоможуть розібратися без звернення до підтримки.

Конструктор влаштований просто: ви заповнюєте поля на сторінці створення, а потім редагуєте вміст прямо на готовому сайті. Якщо щось не виходить або незрозуміло, загляньте у відповідний пункт довідки. Інструкції написані простою мовою й описують кожен крок.

У довідці ви знайдете відповіді на питання:

  • як придумати адресу сайту і що робити, якщо ім'я зайняте;
  • як змінити назву, опис та інші тексти на сторінці;
  • як додати товари, послуги або форми заявок;
  • як підключити свій домен замість адреси на firstline.com.ua;
  • як налаштувати розділи й модулі під завдання вашої справи.

Якщо потрібної відповіді не знайшлося, скористайтеся формою зворотного зв'язку — ми допоможемо розібратися. Розділ оновлюється, щоб ви завжди могли знайти актуальну інформацію щодо роботи з конструктором.