[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Картинки в форме входа
dok Дата: Суббота, 14.03.2009, 23:39:21 | Сообщение # 1
ReaLs admin
Группа: Admin'S
Сообщений: 120
[ 16 ]
Замечания:
Делается это очень просто. Идём в шаблон "Форма входа пользователей" находим там :

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?>


  • Страница 1 из 1
  • 1
Поиск: