Стильная UID форма входа by Apocalypse для uCoz
Сегодня решил попробовать украсить стандартную форму входа для UID и Соц. авторизации. Вот что из этого получилось
До:
После:
Установка:
В самый низ вашего css вставляйте:
Quote (скопируйте и вставьте в нужный шаблон)
#uidLogButton .loginButton, .noun { display:none; } #baseLogForm { display:block !important; } .apohr { border:none; border-top:1px dashed #eee; } .loginField { border:none; border-top: 1px solid #eee; border-left: 1px solid #eee; height: 25px; margin-bottom: 5px; padding: 5px; } .loginButton { width: 100%; height: 30px; background: #FAFAFA; border: none; border-bottom: 1px solid #EFEFEF; } .loginlinker { text-decoration:none!important; color: #aaa!important; }
В шаблоне "Форма входа пользователей" замените всё на:
Quote (скопируйте и вставьте в нужный шаблон)
<hr class="apohr"> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?> <tr><td><input class="loginField" type="text" placeholder="E-mail" name="user" value="" size="20" style="width:100%;" maxlength="50"/></td></tr> <tr><td><input class="loginField" type="password" placeholder="Пароль" name="password" size="20" style="width:100%" maxlength="15"/></td></tr> <tr> <td> <center> <input class="loginButton" name="sbm" type="submit" value="Вход"/> <br><br> <input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked" style="display:none;"/> <a class="loginlinker" href="$REGISTER_LINK$">Регистрация</a> ····· <a class="loginlinker" href="$REMINDER_LINK$">Забыл пароль</a> </center> </td> </tr> </table>
Будут вопросы - оставляйте их в комментариях
Материал разработан и подготовлен Apocalypse