» Форма входа

»Мoy-weB ver.4.1

» Статистика

 Главная » 2008 » Август » 9 » Картинки в форме входа

Картинки в форме входа
09.Авг.2008 | 10:56:46

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

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;
}

Картинки:
$IMAGE2$
или

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

Code


<?if($USER_LOGGED_IN$)?><?else?><script>
document.all.user.className='login';
document.all.password.className='pass';
</script><?endif?>

Прикрепления: Картинка 1 · Картинка 2 · Картинка 3
Категория: Скрипты для UCOZ | Просмотров: 1012 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]