Размести свою рекламу.
Главная | Регистрация | Вход Приветствую Вас Noob | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: infiniti  
Форум » Web-Мастеру » Скрипты для ucoz » Картинки в форме входа (Картинки в форме входа)
Картинки в форме входа
MCV Четверг, 19.02.2009, 06:33 | Сообщение # 1

Сообщений:
Награды:
Делается это очень просто. Идём в шаблон "Форма входа пользователей" находим там :

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-Мастеру » Скрипты для ucoz » Картинки в форме входа (Картинки в форме входа)
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024
Хостинг от uCoz