# Подготовка формы, подключение классов

### Подлючение классов CSS к форме

Родительскому блоку (контейнеру) внутри которого расположена фома ([п. 2](https://sedov.link/pl/teach/control/lesson/view?id=243964064&editMode=0)), нужно нажать кнопку «Стиль» и в самом низу в поле CSS класс элемента добавить классы `<strong class="redactor-inline-converted">forma-sedov</strong>` и `<strong>sedov-link-1</strong>` и нажмите «Сохранить и закрыть».

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field92184" data-param="items/parts/field92184" data-setting-editable="true" data-title="Элемент" id="bkmrk-"><div class="image-box" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/a1b80e6f859a5dc6b20e26795b113095.png/s/s1200x/a/143493/sc/97" data-img-title="" id="bkmrk--1">![](https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/a1b80e6f859a5dc6b20e26795b113095.png/s/s1200x/a/143493/sc/97)<div class="lt-image-caption" data-editable="true" data-param="items/parts/field92184/inner/image/caption">  
</div></div></div>Так же можно отрегулировать стандартные настройки блока. Задать верхний и нижние отступы, добавить контейнер и указать внутренние оступы и скругление углов, по желанию дизайна.

***В демонстрационной версии в настройках стилей добавлен контейнер и добавлен белый шрифт к названиям секторов, а так же указаны внутренние отступы в размере 40px и скругление углов в 10px. Но вы можете указать свои настройки в соответствии с пожеланиями к дизайну.***

<span class="redactor-inline-converted"> ***Изображение со страницы демонстрации -** [**https://sedov.link/fortune**](https://sedov.link/fortune)*</span>

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field68518" data-param="items/parts/field68518" data-setting-editable="true" data-title="Элемент" id="bkmrk--2"><div class="image-box" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/9f4b415eae65d559c7894b9a0a213343.png/s/s1200x/a/143493/sc/104" data-img-title="" id="bkmrk--3">![](https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/9f4b415eae65d559c7894b9a0a213343.png/s/s1200x/a/143493/sc/104)<div class="lt-image-caption" data-editable="true" data-param="items/parts/field68518/inner/image/caption">  
</div></div></div>Подлючение классов CSS к форме

У элемента формы (п. 2.3) «Дополнительно → HTML» необходимо указать классы **`<strong>spinner-block</strong>`** и `<strong class="redactor-inline-converted">sedov-link-1</strong>` и нажать «Сохранить и закрыть».

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field64985" data-param="items/parts/field64985" data-setting-editable="true" data-title="Элемент" id="bkmrk--4"><div class="image-box" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/f7f775c5cc21424dce5d158fbd973d7b.png/s/s1200x/a/143493/sc/304" data-img-title="" id="bkmrk--5">![](https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/f7f775c5cc21424dce5d158fbd973d7b.png/s/s1200x/a/143493/sc/304)</div></div>