# Настройки фона

<figure><img src="/files/R0fOYOgtz6PSitFU4Tt6" alt="" width="375"><figcaption></figcaption></figure>

Для заднего фона секции можно использовать как заливку цветом или градиент, так и добавлять изображения или видео.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXczAzU8XgIs_z7ttdkolf-iprYRCOrX7M0IS7VmDJ_3fYml_pMbqvk_ATC_MXwbhjF2gBbhCfUOv4EOyZOy0lhm_gByblwjQM32YzAURcugHWyPaimvcn87r77DvvWClcM1JPX11w?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

Можно совмещать заливку и фоновое изображение:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcHgvNTHl7EgAKYdXamEX3hmSwc2yRmdfrPxXc6rPWGssYcd7fh1UQEsL_snNVTOYZaMSb0AQhAEwFlImm7lDWGwvmdrXMiKDzJylPhNb_FbUCV3BFQ2Ql4oKx4xDpSfusMzbbf3g?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

Изображение можно добавить файлом или ссылкой на изображение:

<figure><img src="/files/1V3D0bkqeFSZmvdvJfnH" alt="" width="563"><figcaption></figcaption></figure>

Видео можно добавить из хранилища

<figure><img src="/files/yVhBO2GMkt328ICOAbpI" alt="" width="563"><figcaption></figcaption></figure>

Предварительно необходимо загрузить видео-файл в файловое хранилище

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdVBSBx4tD4xxg9HdI5bIKsm5dfuqIDTHxx-Ssjy2-KFr6HSnkeGG0ZhgdDkAZCHxwbFt0nGGSx_I-e4sbCqd8KEsSTGb8o5QA_fuvqEWIHBq-qU-jzzJu9AYI40eQeykmCQk990w?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

### Позиция изображения

Можно установить позиционирование изображения в секции двумя параметрами: первый - по горизонтали, второй - по вертикали.

* указать команду для позиционирования или их комбинацию:

1\) top  - вверху центр (пример 1)

2\) bottom - внизу центр

3\) center -  в центре секции (пример 2)

4\) left - левый край

5\) right - правый край

6\) bottom left - внизу секции слева (пример 3) и т.д.

* указать гибкие настройки в % (пример 4) или px или комбинировать разные параметры

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXevrf7xt2X27LBYxPE0AZge1Gtdo6sHjtsBlQdpei8cAzJUjDpPq-E9vRhFV9Ke5lXU41PSWrJkJJoR8OcO99N1NIEEVoAsN7cLCZhMQzkSxZBztBUwGNRBhwg0Mbdd6WCG2BIDEw?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 1: позиция - top</p></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXehqxBOyKo-H-OqKPgQxuXtCGWkf7mEEEqUBnB3sorG4ZbFLhZ0hwzLZw2kH5yXWC6bfTIqep9ZhTbgpX9JBH5HKWDO3pOuG2vTCFyyCkjUyJ497V1lVe9tgqUf-We9B8Poyo7hMw?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 2: позиция - center</p></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcw4RrDsZfoy2Ks6mTufNI7H2B-Skm3UtU6l0S1-sABHYivXiifrqHZeGErYQ3Di6lECcUB8NpjcDdO96XeKifuaIkAyZ643iyt-us_8ps2MzO-_WYX9N0LY0Ytid9lkV8qe9x1XQ?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 3: позиция - bottom left</p></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdCgmHExXgxYrKCQ6aJZnH1eEpYYOQj6WS6BrH5Ue8dcB9dCHIXFZ8d6s_QqgaXgWXPafR0JEfm8Q6bfNAmWxB8Laq1WVIafSGW-Shk-jSmS0E7xXcWNei3EUSxSqz3BPZIBzbWdA?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 4: позиция 10% ( по умолчанию, отсчет от левого края)</p></figcaption></figure>

### Размер изображения

Можно изменять размер изображения:

* установить гибкие настройки из двух значений: первое - ширина изображения, второе - высота  в пикселях (пример 1 -  500 px) или в %  (пример 2  - 15%).
* указать один из параметров:\
  а) contain - поместит изображение по высоте секции (пример 3)\
  б) cover - первоначальный размер изображения (пример 4, исходный размер изображения 1268 х 1343 рх)

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeC45SYa5OHaHSOhigDiSXQ1iHWvOW-LphK45d2KlHDyZAsMBXtEWC5hQg58BXWxlB6S1I6ZsrxKTWtLXhwoE8wIQBC8KjeqgHheLs_rtudN4F1kL27jIwbTjOL2s2L3IzaOrNE?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 1: размер изображения 500 рх</p></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcmssYAP0dJ5u9RdWFVKlVXaYI2Mib8vRQ3CAvXUmCcVyewxiyJYjwYT0f9z07YuwMRC_TUY9e-xBs5V6GfAr_0J3g7GpJtdy5IIM8Jampc61jSVmlq0tM6NfXp6grfbP6FZHRsNw?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 2: 15%</p></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfxdqV9a-n8ySNBIgHWBWr06SXAZm3MbBjI-wzkQAvxhZzhJbkDKVOhIhmvPh2GHZJc4peNmGLD47XRtuMwOqIwsKzR2rVe87N3IJO6dKXDj-FTtUzyefFlwuYNpRjLb7N8mZQsyQ?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 3: contain</p></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXctobAuqsN3rL4dDcjvKVFpWVs05lw2D8xaYw6Rttobfn5H1UlmyCjruBPxmLTUXrgtEUnK8oXH3TDGLmGCqux-ksQch4k8uWJR5egQXlGLGGP2DsUgTlD_dToeCk5VwZ3vwARPeA?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption><p>Пример 4: cover -  изображение исходного размера</p></figcaption></figure>

### Повторение изображения на заднем фоне

По умолчанию отключено. Доступны следующие варианты:

<figure><img src="/files/FhgcZetO7uen38ajgqtK" alt="" width="563"><figcaption></figcaption></figure>

Пример стандартного повторения:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdoLgoQXE3dx4omCb4XVi71m9WHW-3zwWga6AWX5bFBEitaFzlM9WNtNSJNEAUhQcvVobaQjxrdWeHYin2QnDuGLKyhlXcs9QK5kTPA_c9laWpZzwXIi-Ex5iwsCK2LH-fMBOJu2g?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

Повторение по оси Х:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcpQpfn5M93jvrBOLBGa0eg2lV1TS2CEnwdSnFkzV1r7-cugxm7XC-T2fJP7BInLHbofZr-OzmRlZpX1xTR0OGqOuGm_UKDCk81kDfzu2yP4sv7oy6WCP6OrpXlyGLo5IfEYHY3eQ?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

Повторение по оси Y:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf6cqLxEnyaUOFxJTa0dCJ0pqfnCcnt1oPxwcK1bZcsMuSE_QTm7L1_N12HJhHE-L_vxfEp6Ctty3JEdy7CRVHjZ2yJk6lU53kldG1QXF02mk9uB6VRhABiyMWDAw_zNhBi6fpVvw?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

#### Закрепить изображение

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf0a4zMU41ioeauJkLByVxtB3f_JxAYyzaZXxLQ1lxanoqphVsrDxdZ6AQthIdwrge2o0OJ1xaYQpzMUp0xY3GkdilVdzglwJCAQBFVxmWKZpVlXEcFELTRa12erUCpcL4q0hgf?key=wvItsTVZeN1qx7iWn8-XSKvr" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/aJ61gKfGoF3MywL1Ahjj" alt="" width="375"><figcaption><p>Фон каждой секции закреплен</p></figcaption></figure>

### Цвет фона и Градиент

Цвет фона и Градиент заднего фона секции можно менять. Сделать однотонным цвет или выбрать градиент из возможных предложенных вариантов.

<figure><img src="/files/wxjmwKRLlr9KseOINyqV" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.salebot.pro/websites/builder/sekcii-bloki/universalnye-nastroiki-sekcii/nastroiki-fona.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
