Ну так начнём.
Прежде всего найдите себе 2 картинки размером около 16х16 в формате gif
Если вы не нашли то берите вот эти 2:
и
(Переименуйте их в login.gif и pass.gif) Дальше начнём редактировать дизайн.
В шаблоне "Форма входа пользователей" находим:
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(/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;
}
Далее заливаем наши картинки login.gif и pass.gif в корень FTP.
На это все!
[off]Если хотим чтобы такие же были в форме Быстрого Входа(на форуме), в шаблоне "Общий вид страниц форума" после $BODY$ ставим :
Code
<?if($USER_LOGGED_IN$)?><?else?><script>
document.all.user.className='login';
document.all.password.className='pass';
</script><?endif?>