Знаю что все уже старо как век, но все же, решил от временного безделия сделал такую форму входа на сайт и поделиться с вами
Сам код очень прост и в установке тоже:
ПУ » Главная » Управление дизайном » Редактирование шаблонов » Форма входа пользователей.
Заменяем все на это
Код
<?if($PAGE_ID$="login")?><div style="width:120px;"><?endif?>
<table cellspacing="0" cellpadding="0" border="0" align="left">
<?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
<tr>
<td><input class="login" type="text" name="user" value="" size="20" style="height:28px;" onfocus="if(this.value=='E-mail')value='';"onblur="if(this.value=='')value='E-mail';" value="E-mail" maxlength="50"/></td>
<td><input class="pass" type="password" name="password" size="20" style="height:28px;" onfocus="if(this.value=='Пароль')value='';"onblur="if(this.value=='')value='Пароль';" value="Пароль" maxlength="15"/></td>
<td align="left" valign="top"><input class="loginButton" name="sbm" type="submit" value="Войти"/></td>
<td><span style="font-size:8pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль?</a></span></td>
</tr></table><?if($PAGE_ID$="login")?></div><?endif?>
В CCS в самый низ ставим это
Код
input.pass
{
background: url(сюда ссылка на картинку пароля (замочек)) no-repeat;
background-color: #fff;
background-position: 5px 50%;
color: #000;
padding-left: 22px;
}
input: {background-color:none;}
input.login
{
background: url(сюда ссылку на картинку конвертика) no-repeat;
background-color: #fff;
background-position: 5px 50%;
color: #000;
padding-left: 22px;
}
Картинки копируем к себе и заливаем в ФМ
Или можете поставить свои,главное,чтобы они были размером 16х16 px
