Форма входа «Form-04»

Описание

Форма входа №04 — содержит небольшой набор CSS свойств, для оформления формы входа в вашем чате. Она имеет достаточно простой и приятный внешний вид. Вместо изношенных, стандартных ссылок «Войти в аккаунт», «Отмена» и других, form-04 создает простые, но, в тоже время, стильные кнопки, поля для ввода логина и пароля.

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

Преимущества «Form-04» перед классическим дизайном

• Новый вид формы входа в чат
• Простые и изящные кнопки во всем чате
• Новый внешний вид полей ввода текста
• Легко настроить под основной стиль чата

Настройка цветовой гаммы

• Если вы используете стандартный вид чата (зеленый), делать изменения в коде вам не нужно.

• Если вы используете другую цветовую гамму, например, синюю, то вы можете воспользоваться инструкцией ниже.

Инструкция

В верхней части полученного кода вы увидите такие строки:

    --bgcolor: #b6e245;
    --bghover: #a0ca2d;
    --color: #ffffff
    --bgtext: #ebebeb;
    --texts: #21263d;
    --label: #999999;
    --radius: 20px;

где,

1. фон кнопок
2. фон кнопок при наведении
3. цвет кнопок
4. фон поля ввода текста
5. цвет набираемого текста
6. цвет лейблов (“Ваш ник в чате” и другие)
7. радиус скругления углов кнопок и полей ввода текста

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

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

Информацию об установке и создании собственных стилей для кнопок и текста читайте в разделе FAQ.