Difference between revisions of "Qubot Customizing/ru"
| (17 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | {|style="float:right; margin-left:0.8em; clear:right;" | ||
| + | |+[[Main_Page/ru|В начало]] | ||
| + | | | ||
| + | '''Lang:''' | ||
| + | | | ||
| + | | | ||
| + | [[Qubot Customizing|en]] | ||
| + | |} | ||
| + | |||
| + | |||
<span id="qubot-customizing"></span> | <span id="qubot-customizing"></span> | ||
{{TOCright}} | {{TOCright}} | ||
| Line 17: | Line 27: | ||
[[File:LogoBot.png]] | [[File:LogoBot.png]] | ||
<br> | <br> | ||
| − | [[ | + | [[File:BotStartButton.png]] |
<br> | <br> | ||
<br> | <br> | ||
| Line 25: | Line 35: | ||
[[File:agent.png]] | [[File:agent.png]] | ||
<br> | <br> | ||
| − | [[ | + | [[File:agentIcon.png]] |
<br> | <br> | ||
<br> | <br> | ||
| Line 45: | Line 55: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[File:TextsSetup.png|500px]] [[ | + | [[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]] |
<br> | <br> | ||
| Line 53: | Line 63: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]] |
<br> | <br> | ||
<br> | <br> | ||
| Line 60: | Line 70: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:positionBot.png]] [[File:positionBotWindow.png|500px]] |
<br> | <br> | ||
<br> | <br> | ||
| + | |||
== Стили == | == Стили == | ||
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда. | Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда. | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]] |
<br> | <br> | ||
<br> | <br> | ||
| + | |||
== Пользовательские == | == Пользовательские == | ||
Здесь вы можете настроить свой вид бота. | Здесь вы можете настроить свой вид бота. | ||
| Line 80: | Line 92: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]] |
<br> | <br> | ||
| Line 101: | Line 113: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:HeaderSetup.png|400px]] [[File:Header.png]] |
<br> | <br> | ||
| Line 120: | Line 132: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:BodySetup.png|400px]] [[File:Body.png|300px]] |
<br> | <br> | ||
| Line 137: | Line 149: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]] |
<br> | <br> | ||
| Line 152: | Line 164: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]] |
<br> | <br> | ||
| Line 171: | Line 183: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:ButtonSetup.png|400px]] [[File:Button.png]] |
<br> | <br> | ||
| Line 188: | Line 200: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:FooterSetup.png|400px]] [[File:Footer.png]] |
<br> | <br> | ||
| Line 204: | Line 216: | ||
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки. | '''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки. | ||
| − | '''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - | + | '''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размер. |
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее. | '''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее. | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:InputSetup.png|400px]] [[File:Input.png]] |
<br> | <br> | ||
| Line 220: | Line 232: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | [[ | + | [[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]] |
<br> | <br> | ||
| Line 228: | Line 240: | ||
[[Category:Qubot]] | [[Category:Qubot]] | ||
| + | [[Category:ru]] | ||
Latest revision as of 10:12, 29 June 2022
|
Lang: |
Настройка внешнего вида бота
Выберите вашего бота, в левой панели выберите пункт Настройки.
Доступны следующие параметры:
Иконки
Лого - иконка, которая отображается в списке ботов и кнопке запуска бота.
Агент - иконка, которая отображается в каждом сообщении бота.
Человек - иконка, которая отображается в каждом сообщении пользователя.
Надписи
Имя бота - название бота, отображается в верхнем левом углу.
Имя агента - название бота, от которого будут приходить сообщения.
Инфо текст - текст, который определенную информацию для пользователя, отображается в верхней части бота рядом с названием бота.
Размер и расположение
Размер - выбор готового размера окна бота: обычный, большой и огромный. Для задания своих размеров выберите пользовательский и в полях ширина высота укажите желаемые размеры.
Расположение - выберите угол для расположения вашего бота. В полях слева вверх установите отступы для окна бота.
Стили
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.
Пользовательские
Здесь вы можете настроить свой вид бота.
Доступны следующие параметры:
Окно
Тень - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.
Заголовок
Здесь вы можете отредактировать заголовок окна бота
Заполнение - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.
Рамка - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.
Текст - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.
Инфо - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.
Радиус - степень округленности верхних правого и левого углов окна бота.
Тень - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.
Закрыть - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.
Тело бота
Здесь вы можете отредактировать область переписки бота
Заполнение - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.
Рамка - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.
Время - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.
Тень - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.
Радиус - степень округленности углов сообщения. Параметр задает степень округленности.
Внутренние отступы - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.
Агент
Здесь вы можете отредактировать сообщения агента в чате.
Заполнение - фон сообщения агента. Параметр задает цвет.
Рамка - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.
Текст - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.
Имя - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.
Иконка - размер иконки агента.
Человек
Здесь вы можете отредактировать сообщения пользователя в чате.
Заполнение - фон сообщения пользователя. Параметр задает цвет.
Рамка - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.
Текст - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.
Иконка - размер иконки пользователя.
Кнопки
Здесь вы можете отредактировать кнопки в чате.
Текст - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.
Рамка - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.
Радиус - степень округленности углов кнопок.
Заполнение - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.
Высота - высота кнопки.
Внешние отступы - отступы кнопки от остального контента.
Низ
Здесь вы можете отредактировать нижний колонтитул бота.
Заполнение - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.
Рамка - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.
Высота - высота нижней части бота.
Радиус - степень округленности углов нижней части бота.
Тень - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.
Поле ввода
Здесь вы можете отредактировать поле ввода.
Радиус - степень округленности углов поля ввода.
Высота - высота поля ввода.
Внешние отступы - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.
Заполнение - фон поля ввода.
Рамка - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.
Текст - оформление вводимого текста. Первый параметр задает цвет текста, второй - размер.
Отправить - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.
Кнопка открытия окна чата
Здесь вы можете отредактировать кнопку запуска бота.
Радиус - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.
Рамка - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.
Страница(для теста)
Заполнение - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).
