> For the complete documentation index, see [llms.txt](https://docs.quanqax.sbs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quanqax.sbs/konstruktor.md).

# Конструктор

Создание, настройка и сохранение шаблонов в конструкторе.

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

***

## Шаг 1. Выберите шаблон

Откройте конструктор и выберите шаблон, который хотите изменить.

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2F9tvKjkJl6b47ngU4e12M%2F%D0%BA%D0%BE%D0%BD%D1%81%201.jpg?alt=media&amp;token=577f1a0b-c25a-4b2b-84c2-1a3f5ed26185" alt="Список доступных шаблонов"><figcaption><p>Список шаблонов, доступных для редактирования</p></figcaption></figure>

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

***

## Шаг 2. Настройте внешний вид

Параметры редактирования находятся в левой части интерфейса конструктора. Здесь можно адаптировать шаблон под свой проект.

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2FqQ4WgASd4DxB9Xfo3opl%2F%D0%BA%D0%BE%D0%BD%D1%81%202.jpg?alt=media&amp;token=8ac98956-e65d-4f3a-a574-d42be7ea7bb3" alt="Интерфейс редактирования шаблона"><figcaption><p>Панель настройки шаблона</p></figcaption></figure>

В зависимости от выбранного шаблона можно изменить:

* цвета и названия;
* имена и описание;
* заголовки;
* размер текста;
* размер и форму кнопок;
* изображение — файлом или по ссылке, если такой вариант поддерживается.

Проверьте изменения в предпросмотре, прежде чем сохранять шаблон.

***

## Шаг 3. Сохраните шаблон

Когда закончите редактирование, нажмите **«Сохранить»**.

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2FdzE54V57AIsI7dWVZNni%2F%D1%88%D0%B0%D0%B1%D0%BB%2011.jpg?alt=media&amp;token=5218d149-a6e9-4229-91ee-8a35ddbff8a6" alt="Окно сохранения шаблона"><figcaption><p>Окно для сохранения настроенного шаблона</p></figcaption></figure>

В появившемся окне укажите название, по которому вы сможете найти шаблон в дальнейшем, и подтвердите сохранение.

***

## Шаг 4. Если шаблон использует изображение по ссылке

В некоторых шаблонах изображение добавляется не загрузкой файла, а через URL. Перед настройкой убедитесь, что в выбранном шаблоне предусмотрено поле для ссылки на изображение.

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2FDegOcl8qFfZdFwfGqnHb%2F%D0%BA%D0%BE%D0%BD%D1%81%203.png?alt=media&amp;token=c6a4855d-027c-44d6-adb9-7a0016cea4b5" alt="Пример шаблона с добавлением изображения по ссылке"><figcaption><p>Пример шаблона, в котором изображение задаётся через URL</p></figcaption></figure>

Для получения ссылки можно воспользоваться бесплатным сервисом [ImgBB](https://imgbb.com/).

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2FMCtW8FbR6RCFNWqnZu2y%2F%D0%BA%D0%BE%D0%BD%D1%81%204.png?alt=media&amp;token=f940e6c4-bba5-469e-8574-07a8d7cecc1c" alt="Загрузка изображения в ImgBB"><figcaption><p>Загрузка изображения на ImgBB</p></figcaption></figure>

Загрузите нужное изображение и откройте его страницу. Затем скопируйте **URL самого изображения**.

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2Fe3qsnAuKVP3BDAMpLuZb%2F%D0%BA%D0%BE%D0%BD%D1%81%205.png?alt=media&amp;token=2e912282-0b3a-4644-92d6-64aab41ca751" alt="Копирование URL изображения"><figcaption><p>Скопируйте прямую ссылку на изображение</p></figcaption></figure>

Вернитесь в конструктор и вставьте скопированную ссылку в соответствующее поле.

<figure><img src="https://701142344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW764YmO6P8xjLs0F5NOM%2Fuploads%2FqikfEpvQUxSKwF00zZz0%2F%D0%BA%D0%BE%D0%BD%D1%81%206.jpg?alt=media&amp;token=aa811922-3fd8-43f8-8237-707917079483" alt="Вставка ссылки на изображение в конструкторе"><figcaption><p>Вставьте URL в поле изображения</p></figcaption></figure>

***


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.quanqax.sbs/konstruktor.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
