Страница автора : Юрий Немец

{#template MAIN}
<div id="loginForm" style="display:none;" class="subscriberu_popup">
<div class="popup_register">
{#include js_tmpl_auth_reg_tab}
{#if $P.login_register_tab == 1}
<form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred">
<dl class="rg_block_options">
<dt id="js_tap_panel_auth">
<h1>Войти на сайт</h1>
{*
{#include js_tmpl_auth_reg_button}
*}
{#include js_tmpl_auth_reg_action}
<hr class="logreg_line noPhones">
<div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div>
<div class="logreg_advice noPhones">
Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a>
</div>
<br><br>
<a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a>
</dt>
</dl>
</form>
{#/if}
{#if $P.login_register_tab == 2}
<div class="rg_block_options">
<div id="js_tap_panel_auth">
<h1>Регистрация</h1>
<div class="social_reg">
{* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *}
{#include js_tmpl_auth_reg_soc}
<div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div>
</div>
<div class="subscribe_reg">
{* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *}
{#include js_tmpl_auth_reg_action}
</div>
{*
{#include js_tmpl_auth_reg_button}
*}
<div class="clr"> </div>
<hr class="logreg_line noPhones">
<div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div>
</div>
</div>
{#/if}
</div>
{*
<div class="gray_bg register_shadow"></div>
*}
</div>
{#/template MAIN}
{#template js_tmpl_auth_reg_tab}
<ul class="rg_nav">
<li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li>
<li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li>
</ul>
<span onclick="hidebo();" class="rg_closed"> </span>
{#/template js_tmpl_auth_reg_tab}
{#template js_tmpl_auth_reg_action}
{#if $P.login_register_tab == 1}
{#include js_tmpl_auth_reg_soc}
{#/if}
<div class="rg_forms">
<input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/>
{#if $P.login_register_tab == 1}
<div class="rg_for_input">
<span class="rg_text_inner">E-mail или код подписчика</span>
<input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" />
</div>
<div class="rg_for_input">
<span class="rg_text_inner">Пароль</span>
<input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" />
<span class="pswd_attention" id="attention_pswd">
<span class="icon_attention"></span>
<span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span>
<span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span>
<span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span>
</span>
</div>
<div class="rg_for_input input-alien">
<span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label>
<a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a>
</div>
<div class="rg_for_input">
<em id="auth_msg" class="reg_error"></em>
<input id="lf_typeauthid" value="email" type="hidden">
<input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">

<div class="loading loading-cover" style="display: none;"><div class="loader"></div></div>
</div>
{#/if}
{#if $P.login_register_tab == 2}
<div class="rg_for_input">
<span class="rg_text_inner">E-mail</span>
<input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/>
</div>
<div class="rg_for_input rg_set_lineh rg_for_input_wide">
<label class="js_tap_panel_checkbox">
<span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span>
Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a>
</label>
<br />
<label class="js_tap_panel_checkbox">
<span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span>
Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a>
</label>
</div>
{*
<div style="float: left;position: absolute;left: 11em;">
<img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;">
</div>
<div class="rg_for_input rg_set_lineh">
<label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label>
</div>
*}
<div class="rg_for_input">
<em id="reg_msg" class="reg_error rg_for_input_wide"></em>
<em id="reg_msg2" class="reg_error rg_for_input_wide"></em>
<input id="rf_typeauthid" value="email" type="hidden">
<a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a>
<div class="loading loading-cover" style="display: none;"><div class="loader"></div></div>
</div>
{#/if}
</div>
{#/template js_tmpl_auth_reg_action}
{#template js_tmpl_auth_reg_agree}
<div class="rg_for_input rg_set_lineh rg_for_input_wide">
<label class="js_tap_panel_checkbox">
<span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span>
Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label>
<em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em>
</div>
{#/template js_tmpl_auth_reg_agree}
{#template js_tmpl_auth_reg_button}
<div class="rg_butons_socials">
{#if $P.login_register_tab == 1}
<a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a>
<a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a>
<a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a>
<a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a>
{#/if}
{#if $P.login_register_tab == 2}
<a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a>
<a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a>
<a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a>
<a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a>
{#/if}
</div>
{#/template js_tmpl_auth_reg_button}
{#template js_tmpl_auth_reg_descr}
{#if $P.login_register_tab == 1}
Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru
{#/if}
{#if $P.login_register_tab == 2}
Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения.
{#/if}
{#/template js_tmpl_auth_reg_descr}
{#template js_tmpl_soc_auth_reg_descr}
Или зарегистрируйтесь через социальную сеть.
{#/template js_tmpl_soc_auth_reg_descr}
{#template js_tmpl_auth_reg_soc}
<div class="rg_soc">
{#if $P.login_register_tab == 1}
<a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button">
<span class="login_register_vk_icon"></span>
</a>
{#/if}
{#if $P.login_register_tab == 2}
<a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button">
<span class="login_register_vk_icon"></span>
</a>
{#/if}
</div>
{#/template js_tmpl_auth_reg_soc}

{#template MAIN}
<div id="loginForm" style="display:none;" class="subscriberu_popup">
<div class="popup_register">
{#include js_tmpl_auth_reg_tab}
<dl class="rg_block_options">
<dt id="js_tap_panel_auth">
<p class="rg_description">{#include js_tmpl_auth_reg_descr}</p>
<div class="clr"> </div>
{#include js_tmpl_auth_reg_action}
<div class="clr"> </div>
</dt>
</dl>
</div>

</div>
{#/template MAIN}
{#template js_tmpl_auth_reg_tab}
<ul class="rg_nav">
<li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li>
</ul>
<span onclick="hidebo();" class="rg_closed"> </span>
{#/template js_tmpl_auth_reg_tab}
{#template js_tmpl_auth_reg_descr}
<strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма.
{#/template js_tmpl_auth_reg_descr}
{#template js_tmpl_auth_reg_action}
<div class="rg_forms confirm_code_from_letter">
<div class="rg_for_input">
<span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span>
<input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" >
</div>
<div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />
 <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div>
<div class="rg_for_input">
<em class="reg_error" id="confirm_msg"></em>
<a href="#" class="button button-red" id="js_confirmFormBut">Готово</a>
<div class="loading loading-cover" style="display: none;"><div class="loader"></div></div>
<br>
</div>
</div>
{#/template js_tmpl_auth_reg_action}

Отправляет email-рассылки с помощью сервиса Sendsay

Главная
→
Люди
→
Юрий Немец (Юрий Немец)

Юрий Немец (Юрий Немец)

В друзьяДобавить в друзья

Написать сообщение

О себе

Нет информации

Рассылки

Компьютеры и интернет Создание, продвижение и контент-маркетинг сайта Уникальные уроки по теме сайтостроения

Свежие уроки CSS3, HTML5, jQuery Эффекты перед загрузкой сайта

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

Что делать если сайт грузиться не очень быстро и при этом оставить хорошее впечатление у посетителя? Я сейчас больше говорю о продающих страницах, потому что мало кто применит данный эффект на своём блоге. Ведь показать пользователю уже красиво загруженную страницу и избавить его от просмотра постепенно загружающихся элементов, где сайт `строится' на его глазах. Что это за эффект: я говорю о индикаторах загрузки, которые можно показывать пользователю как только он зашел на сайт, скажем, в течение 3-5 секун...

2014-11-20 11:08:34 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Оформляем границы блока используя градиент

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

В данном уроке я хочу рассказать об еще одной возможности, которая предоставляет нам технология CSS3. Я имею в виду градиент. Я думаю многие знают что можно использовать специальное свойство, с помощью которого без использования изображений можно создать переход от одного цвета к другому. Но это еще не всё что можно сделать! В статье описаны 2 способа создания границ, которые созданы с использованием свойства градиента. Такие границы выделюятся на фоне остальных и создаются буквально несколькими строчками ...

2014-11-11 15:55:26 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Оригинальная презентация HTML

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

Наверняка вы когда-нибудь создавали ли вы презентации в PowerPoint. Но эти презентации вы могли либо заснять на видео и выложить в таком виде или же дать на скачивание своим посетителям. А что если есть еще один вариант: дать возможность своим посетителям самостоятельно и не спеша просматривать созданную вами презентацию? Таким образом вы можете сделать обзор какой-нибудь статьи или урока и его изучение станет значительно легче, если урок разбить на несколько слайдов. Также таким образом можно оформить гал...

2014-11-06 12:35:15 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Секреты создания анимации CSS - Урок 5

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

От более простых вещей, таких как вращение изображения (вокруг оси Y, карусель новостей (несколько новостей вращаются вокруг оси Y, мы переходили постепенно к более сложным, типа вращающегося куба или прыгающего мяча. Если вас заинтересовал какой-то из данных примеров вы можете найти соответствующий урок на сайте. Но сегодня мы создадим управляемую галерею изображений. А почему управляемую? А потом что чтобы просматривать изображения необходимо нажимать на кнопки вперед-назад. В уроке я подробно рассказал ...

2014-10-30 10:10:21 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Секреты создания анимации CSS - Урок 4

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

Мы продолжаем изучать и одновременно удивляться тому, какие возможности дает нам CSS3. Если вы изучали прошлые уроки, тогда вы знаете что можно сделать с помощью 3D преобразований: вращать изображение, создать карусель новостей и вращающийся куб. А сегодня мы немножко углубимся и вы увидите что мяч, который будет прыгать в этом уроке, прыгает по траектории, которая меняется. То есть он не повторяет каждый раз прошлую траекторию полета. >>Нажмите сюда, чтобы посмотреть на анимацию мяча сейчас - С Уваж...

2014-10-28 10:10:18 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Анимация CSS и 3D преобразования. Урок 3 - вращающийся куб

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

Думаете эффекта сложнее чем в прошлом уроке уже не сделать? Напомню, в прошлом уроке мы делали карусель новостей, которая вращалась и останавливалась при наведении. Эффект получился интересный. Ссылки на предыдущие 2 урока вы также найдете в этом уроке. Пару слов об эффекте, который рассмотрен в этом уроке: куб, вращается и останавливается на каждой из своих сторон на некоторое время. И да, это все делается без использования Javascript, а лишь с ключевыми кадрами. Посмотреть на CSS возможности - С Уважение...

2014-10-23 11:38:25 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Анимация CSS и 3D преобразования. Урок 2 - карусель новостей

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

Идем дальше и в этом уроке посмотрим еще один элемент, который можно применять на собственном сайте. Мы не остановимся только на вращении одного изображения. Сегодня мы создадим карусель из новостей. Карусель будет вращаться вокруг оси Y и каждый элемент карусели, который будет содержать ссылку - ведет на соответствующую статью. В отличие от прошлого урока - в этом, пример можно скачать и настроить под себя, подставив свои изображения и ссылки. Перейти к уроку и посмотреть на карусели новостей - С Уважение...

2014-10-20 16:41:34 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery 3D преобразования и анимация CSS — Урок 1. Вращение

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

В результате быстрого развития технологии CSS создавать анимацию стало еще проще. В этом вы можете убедиться - посмотрев этот урок. Здесь вы увидите работу с ключевыми кадрами. Ведь на основе их и строится любая анимация. Анимацию, которую мы будем рассматривать сегодня - это анимация вращения. Также присутствуют реальные примеры. А те, кто использует старый браузер или его браузер не поддерживает анимацию, могут посмотреть как она выглядит на видео. Для этого я специально заснял маленькие ролики с примера...

2014-10-16 14:52:34 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery Интересное оформление всплывающих подсказок

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

В одном из уроков про CSS преобразованиям был комментарий, в котором говорилось о том, что непонятно где применять эти преобразования на реальном сайте. Статья, которую мы сегодня рассмотрим, покажет каким образом можно с помощью CSS преобразований и не только, сделать действительно оригинальные всплывающие подсказки. Использовать Javascript мы здесь не будем, так что это сразу не так страшно (я говорю про тех, кто побаивается программирования . >>> Всплывающие подсказки на CSS - С Уважением, Юрий...

2014-10-14 15:05:15 + Комментировать Автор:

Юрий Немец

Свежие уроки CSS3, HTML5, jQuery

Свежие уроки по теме сайтостроения два раза в неделю! Только интересный и полезный материал.

подписчиков: 142

Сегодня, в последнем уроке из этого цикла, мы рассмотрим более продвинутую анимацию. Хочу сразу предпредить, что продвинутая анимация - это не значит что будет много кода или он будет очень сложным. На самом деле с CSS преобразованиями всегда всё очень легко. Буквально пару строчек кода - а результат впечатляет. В этом уроке мы посмотрим как можно связать анимацию двух элементов на странице, а также различные функции трансформации. Перейти к заключительному уроку по CSS преобразованиям ...

2014-10-09 15:48:36 + Комментировать Автор:

Юрий Немец

Рассылки

Компьютеры и интернет Создание, продвижение и контент-маркетинг сайта Уникальные уроки по теме сайтостроения