Фрома регистрации и входа - Архивариус - Решённые вопросы - Форум - Web-мастеров
1106ответов на форуме
228тем на форуме
3004комментария
6157пользователей
Страница 1 из 11
Форум » Архивариус » Решённые вопросы » Фрома регистрации и входа (Фрома регистрации и входа)
Фрома регистрации и входа
Написал: Mr Cherz, в 20:31, 03.02.2016 | Сообщение #1
Фрома регистрации и входа для ucoz
Написал: Роман Николаевич, в 20:38, 03.02.2016 | Сообщение #2
Стилизация формы:
Код
#baseLogForm {display: block !important;}
#uidLogButtonAjx {display:none;}
#baseLogFormAjx {display: block !important;}

Спасибо тем, кто встретился однажды...
И жизнь мою украсил добротой!
И пусть меня, из тех, услышит каждый,
Кто вдруг ушел...забрав дерьмо с собой.
Написал: Роман Николаевич, в 20:42, 03.02.2016 | Сообщение #3
Делаешь как на скрине - http://f2.s.qip.ru/19yBhtc5n.png

В форме регистрации uID пользователей, все меняешь на:
Код
<?if($PAGE_ID$ == 'register')?>
<div class="uf-reg-wrap">
<form id="uf-register" method="post" autocomplete="on" action="">
<?if($SOCIAL_LOGIN$ && ($ONLY1STEP$ || $STEP$==1))?>
<div class="uf-soc-icons">
<?if($NICK$)?>
<div class="uf-field">
<label><b>Придумайте логин:</b></b></label>$NICK$
<span class="uf-status-icon text-field" id="uf-nick-status-icon"><span class="uf-status"><i></i><p id="uf-nick-status"></p></span></span>
</div>
<?endif?>

<?if($EMAIL$)?>
<div class="uf-field">
<label><b>Ваш Email адрес:</b></label>$EMAIL$
<span class="uf-status-icon text-field" id="uf-email-status-icon"><span class="uf-status"><i></i><p id="uf-email-status"></p></span></span>
</div>
<?endif?>

<?if($NAME$)?>
<div class="uf-field">
<label><b>Как Вас зовут:</b></label>$NAME$
<span class="uf-status-icon text-field" id="uf-name-status-icon"></span>
</div>
<?endif?>

<?if($SURNAME$)?>
<div class="uf-field">
<label><b>Ваша Фамилия:</b></label>$SURNAME$
<span class="uf-status-icon text-field" id="uf-surname-status-icon"></span>
</div>
<?endif?>

<div style="display:none"><?if($GENDER$)?>
<div class="uf-field">
<label><b>Ваш пол:</b></label>$GENDER$
<span class="uf-status-icon" id="uf-gender-status-icon"></span>
</div>
<?endif?></div>

</div>
<div class="clear"></div>
<?endif?>

<div class="uf-fields-wrap">
<?if($SOCIAL_LOGIN$ && ($ONLY1STEP$ || $STEP$==1))?><?endif?>

<?if($PASSWORD$)?>
<div class="uf-field">
<label><b>Придумайте пароль:</b></label>$PASSWORD$
<span class="uf-status-icon text-field" id="uf-password-status-icon"><span class="uf-status"><i></i><p id="uf-password-status"></p></span></span>
<input type="checkbox" id="uf-show-pass" onchange="document.getElementById('uf-password').type = this.checked ? 'text' : 'password'">
<label for="uf-show-pass"><span id="uf-show-pass-icon"></span></label>
</div>
<?endif?>

<?if($BIRTHDAY$)?>
<div class="uf-field">
<label><b>Дата Вашего рождения:</b></label>$BIRTHDAY$
<span class="uf-status-icon" id="uf-birthday-status-icon"></span>
</div>
<?endif?>

<?if($LOCATION$)?>
<div class="uf-field">
<label><b>Место проживания:</b></label>$LOCATION$
<span class="uf-status-icon" id="uf-location-status-icon"></span>
</div>
<?endif?>

<?if($CAPTCHA$)?>
<div class="uf-field">
<label><b>Код безопасности:</b></label>$CAPTCHA$
<span class="uf-status-icon" id="uf-captcha-status-icon"><span class="uf-status"><i></i><p id="uf-captcha-status"></p></span></span>
</div>
<?endif?>

<div style="display:none"><?if($TERMS$)?>
<div class="uf-field">
<label><b>Правила сайта:</b></label><input type="checkbox" class="uf-checkbox uf-click" id="uf-terms" name="terms" value="1" checked="checked">
<label for="uf-terms" id="uf-terms-label">Я прочитал/а <a href="/pravila" target="_blank" type="checkbox" class="uf-checkbox uf-click" id="uf-terms" name="terms" value="1">правила сайта</a> и обязуюсь их соблюдать</label>
<span class="uf-status-icon" id="uf-terms-status-icon"></span>
</div>
<?endif?></div>

</div>
<div style="clear:both"></div>
<center><div id="uf-form-status"></div>$SUBMIT$</div></center>
</form>
$JS_VALIDATOR$
<?endif?>

<?if($PAGE_ID$ == 'verify')?>
<div style="text-align:center; padding: 22px; border: 2px solid #41BEBB; border-radius: 10px;">На Ваш e-mail адрес "<b>$EMAIL$</b>" было отправлено письмо ссылкой для подтверждения регистрации.<br>Для завершения регистрации перейдите по ссылке из полученного письма.
</div>
<?endif?>

<?if($PAGE_ID$ == 'confirm')?>
<?if($CONFIRM_ERROR$)?>
<div style="text-align:center; padding: 22px; border: 2px solid #C60000; border-radius: 10px; color:#C60000">
<b>$CONFIRM_ERROR$</b>
</div>
<center><a href="/" class="h_login_link">ПЕРЕЙТИ НА ГЛАВНУЮ СТРАНИЦУ</a><center>
<?else?>
<div style="text-align:center; padding: 22px; border: 2px solid #00A930; border-radius: 10px; color:#00A930">
<b>Поздравляем! вы успешно подтвердили E-mail адрес!</b>
</div>
<?endif?>

<?endif?>

Страница регистрации пользователей перед /head вставляешь:
Код
<style>
.uf-reg-wrap { text-align: left; max-width:100%; }
#uf-register .uf-field { margin: 15px 0 20px 0; white-space:nowrap }
#uf-register .uf-field>label { display:block; margin:3px 0; text-align:left }
#uf-register .uf-field input {width:97%;font-size:1em; padding-left:5px; padding-right:5px; }
.uf-field select[name="bd"], .uf-field select[name="bm"], .uf-field select[name="by"] {width:31.6%;}
.uf-field select[name="location"] {width:96.5%;}
#uf-register .uf-field input[type="text"], .uf-field select, .uf-field input[type="password"]{height:35px;}
#uf-register .uf-field img { vertical-align:middle;}
#uf-register input[type="radio"], #uf-register input[type="checkbox"] {opacity:0;display:none}
#uf-register input[type="radio"]:checked+label, #uf-register input[type="checkbox"]:checked+label {font-weight:bold;text-decoration:underline;}
#uf-register label[for="uf-gender"] {color: #4169E0;text-transform:uppercase;}
#uf-register label[for="uf-gender-2"] {color: #FF1493;text-transform:uppercase;}
#uf-register #uf-terms-label{color:red}
#uf-register input#uf-show-pass[type="checkbox"]{ display:none }
#uf-register input#uf-show-pass[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; background:url(/.s/img/icon/social/pw.svg) no-repeat center center #c6c6c6; background-size:80% 80%; vertical-align:middle; margin-left:-23px; cursor:pointer; border-radius:10px }
#uf-register input#uf-show-pass[type="checkbox"] + label { display:inline-block }
#uf-register input#uf-show-pass[type="checkbox"]:checked + label span { background:url(/.s/img/icon/social/pw-s.svg) no-repeat center center #c6c6c6; background-size:80% 80% }
#uf-register .uf-changed input#uf-show-pass[type="checkbox"] + label span { margin-left:-38px;}
#uf-register .uf-status-icon { display:none; vertical-align:middle; width:16px; height:16px; background-repeat:no-repeat; background-size:cover; position:relative }
#uf-register .uf-status-icon.text-field { margin-left:-23px }
#uf-captcha-status-icon { margin-left:-193px }
#uf-captcha-img { width:125px; height:35px }
#uf-email-status-icon.fail, #uf-password-status-icon.fail, #uf-captcha-status-icon.fail { cursor:pointer }
#uf-register span.fail { display:inline-block; background-image:url(/.s/img/icon/social/fail.svg) }
#uf-register span.pass { display:inline-block; background-image:url(/.s/img/icon/social/pass.svg) }
#uf-register span.wait { display:inline-block; background-image:url(/.s/img/icon/ajsml.gif) }
#uf-register span.uf-status{ display:none; position:absolute; right:-15px; margin:0; z-index:5 }
#uf-register span.uf-status p { background-color:rgba(0,0,0,0.7); color:#fff; padding:5px 10px; white-space:nowrap; font:12px/29px 'Arial'; border-radius:3px; margin:6px 0 0 0; }
#uf-register span.uf-status i { float:right; margin-right:18px; display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid rgba(0,0,0,0.7) }
#uf-register .uf-refresh { cursor:pointer }
#uf-captcha {width:59%!important }
#uf-register .captcha img { vertical-align:middle }
#uf-submit { margin:10px 0 10px 0; clear:both }
#uf-submit.disabled { opacity:0.2 }
#uf-register .uf-field input.uf-gender, #uf-register .uf-field input.uf-click { width:auto }
#uf-register .uf-field label.uf-inline-label, #uf-register .uf-field label#uf-terms-label { display:inline }
#uf-register .uf-fields-wrap, #uf-register .uf-soc-icons{ float:left; width:50%; padding:1px 0 }
#uf-register .uf-soc-closeselect { display:none }
.uf-soc-icons ul { list-style-type:none; margin:0; padding:0 }
.uf-soc-icons ul li { text-align:left; float:left; width:50%; margin:2px 0 }
#uf-register .uf-soc-icons ul li b { display:block; position:absolute; left:0; padding-left:42px; top:8px; width:60px; font-weight:normal }
@media screen and (max-width:768px) {
.uf-reg-wrap { text-align:center }
#uf-register .uf-fields-wrap, #uf-register .uf-soc-icons { float:none; width:100%;text-align:left }
#uf-register .uf-reg-wrap, #uf-register .uf-field label, #uf-register .uf-field { text-align:left }
#uf-register .uf-soc-icons ul { margin:0 auto; overflow:auto; display:inline-block }
#uf-register .uf-soc-icons ul li { width:auto; margin:5px }
#uf-register .uf-soc-closeselect { display:block }
#uf-register .uf-soc-openselect { display:none }
#uf-register .uf-field input { margin:0 auto }
#uf-submit { margin:0 auto }
#uf-register input#uf-show-pass[type="checkbox"] + label span { margin-left:-38px }
#uf-register .uf-changed input#uf-show-pass[type="checkbox"] + label span { margin-left:-60px;}
#uf-captcha {width:39%!important }
label[for="uf-show-pass"], #uf-show-pass-icon {display:none!important}
}
</style>

И вниз сайта:
Код
<?if($USER_AGENT_PDA$)?><?else?>
<script type="text/javascript">
$('#uf-nick').attr('placeholder','Логин должен содержать от 4 до 25 символов');
$('#uf-nick').attr('minlength','4');
$('#uf-nick').attr('maxlength','25');
$('#uf-password').attr('placeholder','Минимум 6 символов, максимум 15');
$('#uf-password').attr('minlength','6');
$('#uf-password').attr('maxlength','15');
$('#uf-email').attr('placeholder','После регистрации надо будет подтвердить');
$('#uf-name').attr('placeholder','Как Вас зовут? Желательно на русском языке');
$('#uf-surname').attr('placeholder','Ваша Фамилия? Желательно на русском языке');
$('#uf-captcha').attr('placeholder','Введите код безопасности');
$('#uf-gender').attr('checked','checked');
</script>
<?endif?>

Спасибо тем, кто встретился однажды...
И жизнь мою украсил добротой!
И пусть меня, из тех, услышит каждый,
Кто вдруг ушел...забрав дерьмо с собой.
Форум » Архивариус » Решённые вопросы » Фрома регистрации и входа (Фрома регистрации и входа)
Страница 1 из 11
Поиск: