» »

Страница регистрации пользователей v1.0


Страница регистрации пользователей v1.0

Новая страница регистрации локальных пользователей by Alkapone. Выполнена в красно белых цветах, смотрится достаточно красиво и с одной стороны шуточно ( в районе школоты :D)

Хотелось бы напомнить одну вещь страница регистрации для ЛОКАЛЬНЫХ пользователей и не стоит таким людям у которых не куплен режим с такими пользователями, писать что у них страница не работает. Страница в рабочем состоянии демо можно увидеть тут load.tk/index/1

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

И так перейдём к установке:

Заходим панель управления сайтом > Пользователи > Управление дизайном модуля > Форма регистрации локальных пользователей. Удаляем всё и вставляем

Код
<div id="Reg_wraper">
  <div class="registerPage"> <center><img src="/img/reglog.png" class="reglog" alt="Создать учетную запись" title="Создать учетную запись"></center>
  <?if($ERROR$)?>
  <span style="font-family: 'Open Sans Condensed', sans-serif;font-size:11px;font-weight:normal;color:red;">Ошибка: $ERROR$</span>
  <?endif?>
<input type="text" id="siF13" class="manFlLogin" name="user" value="" size="20" placeholder="Логин (включи фантазию уёба)" maxlength="25">
<input type="password" id="siF14" class="manFlPassw" name="password" size="20" placeholder="Пароль (заебашь посложнее чё нить)" maxlength="15">
<input type="password" id="siF15" class="manFlPassw1" name="password1" size="20" placeholder="Пароль (а теперь подтверди всю эту хуйню)" maxlength="15">
  <input type="text" id="siF16" class="manFlaName" name="name" size="20" placeholder="Полное имя (ну как мамка тебя кличет короч)" value="" maxlength="35">
  <input type="text" id="siF17" class="manFlaEmail" name="email" size="20" placeholder="E-mail адрес (спам тебе слать будем азаза лол)" value="" maxlength="60" onchange="_uWnd.alert('Уёба, проверь правильно ли ты ввёл Email адрес, на этот адрес будет выслано письмо с кодом подтверждения. Если письмо не пришло, ЗНАЧИТ что ты криворукий сука пидарас ввёл не правильно своё мыло! Вводи по новой азаза.','',{w:250,h:140,tm:9440});">
  $SECURITY_CODE_FL$
  <input type="submit" class="registration_submit" value="Продолжить регистрацию аккаунта">
  </div>
  </div>


Далее идём в Страница регистрации пользователей и удалем всё от туда и ставим код

Код
<!DOCTYPE html>  
  <html> <head> <title>Страница регистрации</title>  
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <style type="text/css"> body{background-image:none!important;background:#fff;} </style>  
  </head> <body> <div class="tOp"> <div style="position:relative;width:800px;margin:0 auto;padding: 20px;height:20px;"> <a class="backHome" href="$HOME_PAGE_LINK$">Назад на $SITE_NAME$</a> <a href="/index/1" class="signin">Уже есть аккаунт?<span>Авторизация</span></a> </div>  
  </div> $BODY$ <div class="bOttom"> <div style="position:relative;width:800px;margin:0 auto;padding: 20px;height:20px;"> $POWERED_BY$ </div> </div> </body>  
  </html>


Далее перейдём к дизайну CSS ставим в самый низ дизайна CSS

Код
#Reg_wraper{  
  width:400px;  
  margin:0 auto;  
  padding-top:135px; padding-bottom: 170px;  
  } a{text-decoration:none;} /*======================*/  
  .bOttom, .tOp, .registerPage, .registerPage * {outline:none;margin:0; padding:0;}  
  .registerPage a{text-decoration:none;}  
  .registerPage {text-align:-webkit-center;}  
  .registerPage .reglog{border:0;clear:both;display: block;margin-bottom: 20px;}  
  .registerPage input[type="password"], .registerPage input[type="text"]{-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;color:#666;font-weight:bold;border-radius: 3px;border: 1px solid #ccc;display: block;padding: 7px 5px;width:350px;margin: 12px 0;}  
  .registerPage input[type="password"]:focus, .registerPage input[type="text"]:focus{-moz-box-shadow: inset 0px 1px 0px 0px #f27c7c;box-shadow: inset 0px 1px 0px 0px #f27c7c;padding: 12px 5px;}  
  .registerPage input[type="password"]::-webkit-input-placeholder, .registerPage input[type="text"]::-webkit-input-placeholder{font-weight:bolder;}  
  .registerPage input[type="submit"]{-moz-box-shadow: inset 0px 1px 0px 0px #ee9292;box-shadow: inset 0px 1px 0px 0px #ee9292;opacity:1;text-align:left;font-weight:bold;text-shadow:0px 1px 2px #444;background:#da5757 url('/img/arrow_state_grey_right.png') right no-repeat;border-radius: 3px;border: 1px solid #b40e0e;color:#fff;display: block;padding: 7px 8px;width:350px;margin: 12px 0;}  
  .registerPage input[type="submit"]:hover{opacity:0.9;}  
  .registerPage #fCode{display: inline;margin: 0;margin-right:10px;width: auto;}  
  .tOp{width:100%;border-bottom:1px solid #eee;}  
  .tOp .backHome{float:left;}  
  .tOp .backHome:before{content:"←";margin-right: 5px;}  
  .tOp .signin{float:right;}  
  .tOp .signin span{font-weight:bold;color:#d83f3f;margin-left:5px;}  
  .tOp a{opacity:1;color:#777!important;font-size: 14px;}  
  .tOp a:hover{opacity:0.4;}  
  .bOttom{width:100%;border-top:1px solid #eee;}


Вот и всё готово. Если у кого то лимит в CSS то можете вставить вот такой код на страницы форма регистрации локальных пользователей в самый низ и на страницу регистрации пользователей тоже в самый низ.
<br><br>
DEMO СТРАНИЦА РЕГИСТРАЦИИ ЛОКАЛЬНЫХ ПОЛЬЗОВАТЕЛЕЙ
21.05.2014 Просмотров: 661 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
Kosten
Kosten 17.07.2014 12:251
0
ALEX14-88, не понял, где мат?
Kosten
Kosten 17.07.2014 12:292
0
ALEX14-88, все вижу, но каждый может переписать как самому нужно. Просто не заметил, думал стандартно написано)
Alkapone
Alkapone 07.08.2014 22:233
0
ALEX14-88, так мною задумано wink
avatar
Гости 07.08.2014 23:194
0
[b]Alkapone[/b], :lol:
avatar