Description
Форма входа №05 — содержит небольшой набор CSS свойств, для оформления формы входа в вашем чате. Она имеет достаточно простой и приятный внешний вид. Вместо изношенных, стандартных ссылок «Войти в аккаунт», «Отмена» и других, form-05 создает простые, но, в тоже время, стильные кнопки, поля для ввода логина и пароля.
Помимо самой формы, код стилизует остальные кнопки в чате и поля ввода текста, а также добавляет эффекты при наведении на них.
Преимущества «Form-05» перед классическим дизайном
- Новый вид формы входа в чат
- Простые и изящные кнопки во всем чате
- Новый внешний вид полей ввода текста
- Легко настроить под основной стиль чата
Настройка цветовой гаммы
- Если вы используете стандартный вид чата (зеленый), делать изменения в коде вам не нужно.
- Если вы используете другую цветовую гамму, например, зеленую, то вы можете воспользоваться инструкцией ниже.
Инструкция
В верхней части полученного кода вы увидите такие строки:
--btnbg: #fdcf55;
--btnhover: #d8b248;
--btncolor: #fff;
--radius: 3px;
--texts: #666;
--bordertext: #ccc;
где,
- фон кнопок (btn — button, bg — background)
- фон кнопок при наведении
- цвет текста кнопок
- радиус скругления углов кнопок
- цвет набираемого текста и лейблов
- рамка поля ввода текста
Если вам необходимо изменить фоновое изображение на странице входа, найдите в начале кода строчки
background-image: url('ссылка на изображение');
background-position: 47% 0;
где,
- ссылка на изображение — адрес вашей новой картинки (https://_______.jpg)
- позиционирование изображения по оси Х и Y
Вы с легкостью сможете изменить и настроить фон, цвета и углы под свои нужды. Для ускорения процесса воспользуйтесь прикрепленными изображениями на этой странице.
Если настройка вызвала у вас затруднения, вы можете задать вопрос в отзывах к шаблону формы.
Информацию об установке и создании собственных стилей для кнопок и текста читайте в разделе FAQ.
Саша –
Классная форма, просто, классная