Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Фиксированная форма входа
#1
Понедельник, 21.11.2011, 20:30
DLive
Проверенный
Сообщения: 559
Репутация: 1820
[Скриншот]

Самая простенькая форма входа. Делал для себя и решил выложить, может кому понадобиться.
Установка проста:
CSS:
Code
.login-top {background: url('http://usource.ru/img/black-pixel.png') repeat;width:100%;height:30px;position:fixed;}
.login-top ul {padding:0;margin:0;}
.login-top ul li {list-style:none;float:right;line-height:30px;padding-left:14px;padding-right:14px;}
.login-top ul li:hover {background: url('http://usource.ru/img/black-pixel.png') repeat;}
.login-top ul li a {color:#fff;text-decoration:none;font-weight:700;}


ПУ » Управление дизайном » Форма входа пользователей
Code
<?if($PAGE_ID$="login")?><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 width="20%" nowrap="nowrap">E-mail:$UID_ICON$</td><td><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></td></tr>
<tr><td>Пароль:</td><td><input class="loginField" type="password" name="password" size="20" style="width:100%" 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="checked"/><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?><br /><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><?else?>
<div style="float:left;padding-left:30px;line-height:30px;">
<input class="loginField logtop" type="text" name="user" value="" placeholder="<?if($UID_ICON$)?>E-Mail (uNet)<?else?>Логин<?endif?>" size="20" maxlength="50"/>
<input class="loginField passtop" type="password" name="password" value="" placeholder="Пароль" size="20" maxlength="15"/>
<input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label>
<input class="loginButton" name="sbm" type="submit" value="Вход"/>
</div><div style="float:right;">
<ul>
<li><a href="$REMINDER_LINK$">Забыли пароль?</a></li>
<li><a href="/index/3">Регистрация</a></li>
</ul>
</div><?endif?>


Форма входа будет двигаться вместе со скроллингом страницы.
Не пытался сделать как то красиво, если бы захотел сделал бы. Получилось просто, как я люблю.

Кстати если кому то надо вот ссылка на единственное изображение (фон):
http://usource.ru/img/black-pixel.png

Автор: Minimal aka. DLIVE
Сайт автора: usource.ru
Скачать прикрепления: 9895364.png (12.1 Kb)
Пост отредактировал DLive - Понедельник, 21.11.2011, 20:32
#2
Понедельник, 21.11.2011, 23:00
default
Проверенный
Сообщения: 304
Репутация: 1058
DLive, по-моему, проще было бы использовать тег $LOG_FORM$, а из-за этого изменения в Форме входа пользователей, формы на всём сайте полетят...
#3
Вторник, 22.11.2011, 14:20
DLive
Проверенный
Сообщения: 559
Репутация: 1820
default, спасибо, учту!
#4
Четверг, 08.03.2012, 10:37
Daves
Пользователь
Сообщения: 59
Репутация: -18
Че-то неработает(
http://www.seosprint.net/?ref=968055 - максимальная раскрутка сайтов!
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz