Прет друзья bye Гдето на форуме я читал что ктото хотел изменить форму входа на сайт и сделать ее покрасивее.
Вот и решил для вас сделать такую возможность. Конечный результат формы выглядит так:
И так приступим...
Заходим:
Главная » Управление дизайном » Редактирование шаблонов » Пользователи » Форма входа пользователей
И ВЕСЬ код который находиться в форме заменяем на:
Code
<?if($PAGE_ID$="login")?><div style="width:180px;"><?endif?>
<table border="0" cellspacing="1" cellpadding="0">
<?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
<tr><td><input class="inputform" type="text" name="user" value="Логин" maxlength="50" /></td></tr><tr>
<td><input class="inputform" type="password" name="password" value="Пароль" maxlength="15" /></td>
</tr></table><table border="0" cellspacing="1" cellpadding="0" width="200"><tr><td nowrap>
<input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked /><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login")?><br /><input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label><?endif?></td><td align="right" valign="top">
<input type="submit" class="button1" value="Вход" onMouseOver="this.className='button2'" onMouseOut="this.className='button1'" /></td></tr>
<tr><td colspan="2"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> · <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>
</table><?if($PAGE_ID$="login")?></div><?endif?>
Далее заходим:
Code
Главная » Управление дизайном » Редактирование шаблонов » Общие шаблоны » Таблица стилей(CSS)
В любое понравившееся вам место вставляем:
Code
/* Login form By BENQ */
.inputform {width: 214px; height: 23px; padding: 3px 5px 0 5px; background: url(/images/input.gif) left no-repeat; border: none;}
.button1 {border:solid 0px;color:#FFFFFF;font-weight:bold;background:url(/images/button1.gif);background-repeat:no-repeat;height:25px;width:74px;}
.button2 {border:solid 0px;color:#FFFFFF;font-weight:bold;background:url(/images/button2.gif);background-repeat:no-repeat;height:25px;width:74px;}
/* ----------------- */
Далее вам необходимо загрузить 3 картинки к себе на сайт в папку images если у вас ее нету советую создать.
Все форма логина готова пользуйтесь на здоровье cool
