Делается это очень просто. Идём в шаблон "Форма входа пользователей" находим там :
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(/[color=red]images/pass.gif[/color]) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
input.login
{
background: url([color=red]/images/login.gif[/color]) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
Красное - пути до картинок. Картинки ищите сами или берите эти две:
Если хотим чтобы такие же были в форме Быстрого Входа(на форуме), в шаблоне "Общий вид страниц форума" после $BODY$ ставим :
Code
<?if($USER_LOGGED_IN$)?><?else?><script>
document.all.user.className='login';
document.all.password.className='pass';
</script><?endif?>
