# Предупреждение

### Как добавить блок?

Через меню добавления контентных блоков. [<span style="color: rgb(35, 111, 161);">Подробнее о блоках</span>.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki)

<details id="bkmrk-%C2%A0"><summary>Скриншот кнопки в меню блока</summary>

![warn0-menu.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/scaled-1680-/warn0-menu.jpg)

</details>### Как выглядит блок?

[![warning1-look.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning1-look.jpg)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning1-look.jpg)

### Как работать с блоком?

Всё просто. Создайте блок и добавьте в него свой контент. В блоке «**Предупреждение**» можно добавить:

- текст предупреждения

<details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B8-%D0%B7%D0%B0"><summary>Создание и заполнение блока</summary>

[![warning2-create.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning2-create.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning2-create.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>#### Как изменить внешний вид?

##### Текст

Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. [<span style="color: rgb(35, 111, 161);">Подробнее о редакторе.</span>](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst)

##### Иконка

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

<details id="bkmrk-%D0%98%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D0%BF%D0%BE%D0%B4"><summary>Изменение иконки</summary>

[![warning3-icons.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning3-icons.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/list4-icons.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>##### Цвет

Цвет этого блока не наследуется из настроек лонгрида. Вы можете задать любой цвет и для фона предупреждения, и для его иконки. В настройках вам предлагается 5 цветов для фона и 2 цвета для иконки (чёрный и белый).

<details id="bkmrk-%D0%92%D1%8B%D0%B1%D0%BE%D1%80-%D1%86%D0%B2%D0%B5%D1%82%D0%B0-%D0%A7%D1%82%D0%BE%D0%B1%D1%8B-%D1%83%D0%B2"><summary>Выбор цвета</summary>

[![warning4-colors.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning4-colors.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/list5-colors.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>Также вы можете задать свой собственный цвет и для фона, и для иконки с помощью HEX-кода.

<p class="callout warning">Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.</p>

<details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B1%D0%BB"><summary>Добавление своего цвета</summary>

[![warning5-hex.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/warning5-hex.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/list6-hex.gif)

*<span style="color: rgb(149, 165, 166);">Нажмите на демонстрацию, чтобы ее увеличить.</span>*

</details>### Как я могу использовать этот блок?

Рекомендуем вам использовать блок:

- Для акцентирования внимания на важном учебном материале или мысли.
- Для сообщений. Например, об окончании урока (хорошо сочетается с иконкой галочки).
- Для заданий. Например, открыть рабочую тетрадь на 20 странице и выполнить задание №3 (хорошо сочетается с иконкой документа).

[![Screenshot_2.png](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/ZuWscreenshot-2.png)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/ZuWscreenshot-2.png)