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

Простая форма регистрации пользователей.

  1. Kryl
    Совместимость:
    проверялся на совместимость
    Автор:
    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 сохраните оригинал.

    Изображения

    1. тест (1).jpg
    2. тест (2).jpg
    3. тест (3).jpg
    4. тест (4).jpg
    5. тест (5).jpg
    6. тест (6).jpg
    Ress Kent и Exile нравится это.

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

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