Суббота, 18.05.2024, 14:37
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » uCoz » uCoz скрипты » Картинки в полях ввода Логина и Пароля (+++)
Картинки в полях ввода Логина и Пароля
manДата: Четверг, 04.02.2010, 20:00 | Сообщение # 1
User>
Группа: Пользователи
Сообщений: 28
Репутация: 22
Статус: Offline
Как вставить изображения в поля ввода Логина и Пароля?

1. Залейте эти два изображения на сайт (login.gif и pass.gif)

2. В Таблицу Стилей впишите код:

Code
input.pass
{
background: url(здесь ссылка на pass.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}

input.login
{
background: url(здесь ссылка на login.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}

3. Заходим в "Форма входа пользователей", находим этот код:

Code
<input class="loginField" type="text" name="user" value="" size="20" style="width:100px" maxlength="25" />

И меняем на этот:

Code
<input class="login" type="text" name="user" value="" size="20" style="width:100px" maxlength="25" />

4. Чуть ниже находим:

Code
<input class="loginField" type="password" name="password" size="20" style="width:100px" maxlength="15" />

И меняем на

Code
<input class="pass" type="password" name="password" size="20" style="width:100px" maxlength="15" />

Всё!

 
Форум » uCoz » uCoz скрипты » Картинки в полях ввода Логина и Пароля (+++)
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024