Главная » Файлы » Скрипты для uCoz » Пользователи

Стильная UID форма входа by Apocalypse для uCoz
04.12.14, 13:56:09



Сегодня решил попробовать украсить стандартную форму входа для UID и Соц. авторизации. Вот что из этого получилось

До:


После:


Временное ДЕМО

Установка:

В самый низ вашего css вставляйте:
Код
#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;    
    }


В шаблоне "Форма входа пользователей" замените всё на:
Код
<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
Категория: Пользователи | Добавил: Apocalypse | Теги: для, стильная, входа, by, ucoz, Apocalypse, uID, форма
Просмотров: 670 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email: