Простая форма входа в светлых тонах

Разместил ArtsWar, 14-08-2014, 00:44 / Просмотров: 516 / Комментариев: 0

Простая форма входа в светлых тонах

Простая форма авторизации на сайте.

Приступим к установке:
Используем таблицу стилей, т.е. CSS - вставляем стиль формы авторизации.
.forma {width:100%;font:11px tahoma;}  
.login {border:1px solid rgb(119, 119, 119);margin-top:3px;margin-bottom:2px;color: rgb(119, 119, 119);}
.vod {border:1px solid #ccc; background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;}
.vodd {background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;border:1px solid #ccc;}
.vxod input{background:#f7f7f7;border:1px solid #ccc;height:38px;margin:-6px -6px -6px 0;font-weight:bold;text-shadow:1px 1px 0 #fff;color:#7d7d7d;}
.vxod input:hover {background:#fff;}
.forma a {text-decoration:none;color:#7d7d7d;}
.forma a:hover {color:#000;}


Панель управления - Дизайн - Управление дизайном - Пользователи - Форма входа пользователей:

<table class="forma">  
<tr><td class="vod" colspan="2"><b>Введите ваш логин и пароль</b></td></tr> <tr ><td ><img src="/uploads/posts/2014-08/1407962632_3900680301.png" style="width:16px;height:16px;"></td><td><input class="login" type="text" name="user" value="Логин..." size="20" style="width:100%;" value="Логин..." onblur="if(this.value=='')this.value='Логин...'" onfocus="if(this.value=='Логин...')this.value=''" maxlength="50"/></td></tr>
<tr><td ><img src="/uploads/posts/2014-08/1407962704_1031772361.png"></td><td><input class="login" type="password" name="password" value="Пароль..." size="20" style="width:100%;" value="Пароль..." onblur="if(this.value=='')this.value='Пароль...'" onfocus="if(this.value=='Пароль...')this.value=''" maxlength="50"/></td></tr>
<tr><td class="vodd" colspan="2"><div class="vxod" style="float:right;"><input name="sbm" type="submit" value="Войти"/></div><a href="$REMINDER_LINK$">Забыли пароль?</a><br><a href="$REGISTER_LINK$">Регистрация</a></td></tr>
</table>
$LOGIN_FORM$



комментариев
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Интересное