Простая, но очень удобная форма входа для сайтов системы uCoz. Данная форма входа позволит Вашим пользователям без лишних проблем авторизоваться у Вас на сайте. «Форма» данного цвета отлично подойдет для зеленых (салатовых) сайтов или же сайтов с другой цветовой гаммой, что позволит обращать внимание пользователей на авторизацию с первых секунд попадания на сайт.
Установка: 1) Заходим в "Форма входа пользователей" и меняем стандартный код на этот:
Code
<?if($PAGE_ID$="login")?></div><div style="width:180px;"><?endif?> <table border="0" cellpadding="0" cellspacing="1" width="100%"> <?if($ERROR$)?><tbody><tr><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?> </tr><tr><td nowrap="nowrap">$UID_ICON$</td><td><input class="login" name="user" size="20" style="width:100%;" value="Логин" onblur="if (value == '') {value = 'Логин'}" onfocus="if (value == 'Логин') {value =''}" maxlength="50" type="text"></td></tr> <tr><td></td><td><input class="pass" name="password" size="20" style="width:100%" value="********" onblur="if (value == '') {value = '********'}" onfocus="if (value == '********') {value =''}" maxlength="15" type="password"></td></tr> </tbody></table> <table border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody><tr><td nowrap="nowrap"><input id="rem$PAGE_ID$" name="rem" value="1" checked="checked" type="checkbox"><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login")?> <input id="hid$PAGE_ID$" name="hidden" value="1" type="checkbox"><label for="hid$PAGE_ID$">скрытый</label><?endif?></td><td align="right" valign="top"><input class="loginButton" name="sbm" value="Вход" type="submit"></td></tr> <tr><td colspan="2"><div style="font-size:7pt;text-align:center;">[ <a href="$REMINDER_LINK$">Забыли пароль?</a> | <a href="/index/3-0-0">Регистрация</a> ]</div></td></tr> </tbody></table> <?if($PAGE_ID$="login")?></div><?endif?>
2) В самый конец CSS вставляем этот код:
Code
input.pass { background: url(http://i076.radikal.ru/0811/00/9cb352ed3dfc.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } input.login { background: url(http://s53.radikal.ru/i141/0811/12/e04b4d02cc96.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; }