[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Картинки в форме входа
Ling Дата: Четверг, 18.11.2010, 08:55 | Сообщение 1

Скрипт картинок в форме входа для ucoz

Идём в шаблон "Форма входа пользователей" находим там :

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

Потом в этом же шаблоне находим :

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

В CSS файл ставим вот это:

Code
input.pass
{
background: url(/images/pass.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}

input.login
{
background: url(/images/login.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}

Если хотим чтобы такие же были в форме Быстрого Входа(на форуме), в шаблоне "Общий вид страниц форума" после $BODY$ ставим :

Code

<script>
document.all.user.className='login';
document.all.password.className='pass';
</script>


Хочу стать Отличным Web-дизайнером
Статус: Ling
  • Страница 1 из 1
  • 1
Поиск: