[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Картинки в полях ввода Логина и Пароля
SqwerДата: Воскресенье, 16.05.2010, 16:27 | Сообщение # 1
Рядовой
Группа: Гл.Файловик
Сообщений: 2
:-)
Как вставить изображения в поля ввода Логина и Пароля?

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" />

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" />

всё...
Прикрепления: 7903048.jpg (5.4 Kb)


Сообщение отредактировал Sqwer - Воскресенье, 16.05.2010, 16:27
 
  • Страница 1 из 1
  • 1
Поиск: