Форма регистрации

Форма регистрации 1.1.0

Нет прав для скачивания
Совместимость
проверялся на совместимость
Автор
Kryl
Описание: простая форма регистрации пользователей. В дальнейшем можно и профиль переделать, так как форма все равно в профиле отображается.
Инструкция по установке
  • Разкидать файлы по папкам.
Открыть page_header.tpl
найти
<link rel="stylesheet" href="{SITE_URL}styles/templates/default/css/style.css" type="text/css">

После добавить
<link rel="stylesheet" href="styles/templates/default/css/font/css/font-awesome.css">
Открыть style.css .

PHP:
.box{margin:100px auto;margin-top:-2%;width:300px;height:0px;}
.container-username{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-username input#username{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-username input#username::-webkit-input-placeholder{color:#65737e;}
.container-username input#username:-moz-placeholder{color:#65737e;}
.container-username input#username::-moz-placeholder{color:#65737e;}
.container-username input#username:-ms-input-placeholder{color:#65737e;}
.container-username .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#28d9ed;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-username input#username:focus, .container-username input#username:active{outline:none;}
.container-username:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-email{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-email input#email{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-email input#email::-webkit-input-placeholder{color:#65737e;}
.container-email input#email:-moz-placeholder{color:#65737e;}
.container-email input#email::-moz-placeholder{color:#65737e;}
.container-email input#email:-ms-input-placeholder{color:#65737e;}
.container-email .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#e7ed28;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-email input#email:focus, .container-email input#email:active{outline:none;}
.container-email:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-pass{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-pass input#pass{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-pass input#pass::-webkit-input-placeholder{color:#65737e;}
.container-pass input#pass:-moz-placeholder{color:#65737e;}
.container-pass input#pass::-moz-placeholder{color:#65737e;}
.container-pass input#pass:-ms-input-placeholder{color:#65737e;}
.container-pass .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#ed2849;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-pass input#pass:focus, .container-pass input#pass:active{outline:none;}
.container-pass:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-pass_confirm{width:340px;vertical-align:middle;white-space:pre;position:relative;}
.container-pass_confirm input#pass_confirm{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-pass_confirm input#pass_confirm::-webkit-input-placeholder{color:#65737e;}
.container-pass_confirm input#pass_confirm:-moz-placeholder{color:#65737e;}
.container-pass_confirm input#pass_confirm::-moz-placeholder{color:#65737e;}
.container-pass_confirm input#pass_confirm:-ms-input-placeholder{color:#65737e;}
.container-pass_confirm .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#ed2849;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-pass_confirm input#pass_confirm:focus, .container-pass_confirm input#pass_confirm:active{outline:none;}
.container-pass_confirm:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-registered{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-registered input#registered{width:345px;height:45px;background:#2b303b;border:none;font-size:14pt;float:left;color:#262626;padding-left:6px;color:#fff;}
.container-registered .icon{position:absolute;top:50%;margin-left:10px;margin-top:20px;z-index:1;color:#edcc28;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-registered input#registered:focus, .container-registered input#registered:active{outline:none;}
.container-registered:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container1{margin-bottom:100px;padding-left:45px;position:relative;}
.container2{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container2{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}

  • При замене usercp_register.tpl сохраните оригинал.
Автор
Kryl
Скачивания
50
Первый выпуск
Обновление
Оценка
5.00 звёзд 1 оценок

Другие ресурсы пользователя Kryl

Последние обновления

  1. Форма регистрации

    PSD заменен на иконки font-awesome.