{#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="Войти"> <!--</a>--> <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 class="gray_bg register_shadow"></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

• Выпуски
• Группы
• Подборки

•   Все вместе
• Автомобили
• Бизнес и карьера
• Дом и семья
• Мир женщины
• Hi-Tech
• Компьютеры и интернет
• Культура, стиль жизни
• Новости и СМИ
• Общество
• Прогноз погоды
• Спорт
• Страны и регионы
• Туризм
• Экономика и финансы
•   Email-маркетинг

Компьютеры и интернет → Веб → Блоги и персональные сайты

Уроки, тесты, видео CSS3 и HTML5 17858

Вступить в группу

Открытая группа

22 участника

Администратор Юрий Немец

Описание группы

Группа создана чтобы вы были в курсе всех самых свежих изменений и нововведений в области digital продвижения и создания сайтов.

Рекомендую для начала пройти следующие тесты, для оценки своих знаний:

Тест HTML5

Тест CSS3

 

Сайт группы: sitehere.ru

 

Запрещено: 
1. Спам.
2. Оскорбления.
3. Копирание чужого контента.

показать весь текст

• Рассылки, за которыми следит группа:
• Свежие уроки CSS3, HTML5, jQuery

Реклама

• Темы
• Галерея
• Файлы
• Поиск по группе

 Темы 

Галерея

Файлы

 Поиск по группе

Все подрубрики

Оригинальный эффект для лендинга при прокрутке +ВИДЕО

Только вчера я написал статью о создании анимации рисования элементов при прокрутке, а сегодня мы пойдем дальше

Юрий Немец

15.07.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  297 просмотров 0

Рисование иконок при прокрутке странице - передовой интерактив

Красочной инфографикой никого не удивишь, но есть вещи, которые повышают конверсию продающей страницы и делают ее еще более привлекательной и интересной

Юрий Немец

14.07.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  299 просмотров 0

Адаптивные блоки с анимацией на чистом CSS

Адаптивность сейчас везде куда не глянь

Юрий Немец

07.07.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  459 просмотров 0

Увеличиваем конверсию продающей страницы с помощью интерактива

Данный эффект я создал не просто для того, чтобы красиво смотрелось, а еще и приносило пользу для посетителя

Юрий Немец

02.07.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  289 просмотров 0

Где взять видео для фона + процесс установки

Все уже видели видео на фоне одностраничных сайтов

Юрий Немец

30.06.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  327 просмотров 0

Исследование: почему эти популярные способы создания лендинга больше не работают?

Лендинги сейчас очень популярны и эффективны

Юрий Немец

26.06.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  232 просмотра 0

Как создать таблицу с оригинальным эффектом при нажатии

Таблицами пользуются абсолютно все, потому что это классный способ разместить большой объем данных очень компактно

Юрий Немец

18.06.2015 , обновлено  17.10.2019

Пожаловаться

Комментировать  216 просмотров 0

Как сделать анимацию иконок на продающей странице

Сайты постоянно совершенствуются и количество элементов с необычными эффектами появляется всё больше

Юрий Немец

11.06.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  221 просмотр 0

Как создать объемное фоновое изображение

Большинство элементов сайта являются полностью статичными и мы привыкаем видеть их такими повсюду

Юрий Немец

04.06.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  201 просмотр 0

Адаптивный шаблон сравнения товаров и услуг

При создании интернет-магазина, где находится большое количество товаров, сталкиваешься с проблемой сравнения нескольких товаров

Юрий Немец

27.05.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  292 просмотра 0

Колонки одинаковой высоты без использования Javascript

При верстке одностраничного сайта, лендинга, а также при создании темы для любой CMS возникает проблема с созданием одинаковой высоты колонок для блоков

Юрий Немец

20.05.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  253 просмотра 0

Сервисы иконочных шрифтов — 4 сервиса здесь. Подробнее? Жми!

Так как всё больше пользователей используют мобильные устройства для путешествия в интернете, то необходимо сделать сайт адаптивным для различных разрешений экрана

Юрий Немец

06.05.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  289 просмотров 0

Как оригинально оформить сайдбар на сайте

Продолжая тему уникальности элементов на сайте, я хочу предложить Вам еще один способ креативного оформления блоков на сайте

Юрий Немец

29.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  236 просмотров 0

Как облегчить процесс комментирования посетителю Вашего сайта

Многие посетители сайта не комментируют сайты потому что форма комментирования очень большая и много времени необходимо чтобы ее заполнить

Юрий Немец

27.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  233 просмотра 0

Как создать анимированный баннер на чистом CSS

Благодаря развитию CSS у нас есть возможность создания анимации без использования Flash и JS

Юрий Немец

22.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  242 просмотра 0

Как установить иконки для сайта за 4 клика +ВИДЕО

Технологии всё совершенствуется и способов оптимизации сайтов становится всё больше

Юрий Немец

15.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  249 просмотров 0

Галерея для сайта с эффектом размытия

Существует огромное количество решений для создания галереи для сайта, но эта мне приглянулась эффектом при смене изображений

Юрий Немец

13.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  387 просмотров 0

8 сервисов создания текстуры для сайта

Текстуры для сайта могут использоваться как замена фоновым изображением

Юрий Немец

06.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  223 просмотра 0

Неповторимый эффект для текстового поля

Говоря о таких элементах страницы как фоновые изображения, качественные изображения и так далее, мы совсем забыли про текстовые поля для ввода информации

Юрий Немец

03.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  203 просмотра 0

22 эффекта для кнопок после нажатия

На сайте есть множество элементов, которым не уделяется должное внимание, и про которых веб-мастера часто забывают

Юрий Немец

03.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  234 просмотра 0

Как сделать продающую страницу в современном стиле за 2 минуты

Веб-дизайн постоянно меняется и меняются его элементы

Юрий Немец

02.04.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  209 просмотров 0

Нестандартный слайдер для сайта

Давно ли Вы видели элементы на сайте, которые удивляли Вас своей оригинальностью? Я думаю все уже привыкли к тем элементам сайта, потому что видят их каждый день

Юрий Немец

31.03.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  193 просмотра 0

Слайд-шоу на фоновом изображении

Все стали переделывать свои продающие страницы, а также подписные, таким образом, что на фоне находится одно очень красивое изображение а "ближе" к читателю располагается заголовок или, дополняющий заголовок, текст

Юрий Немец

30.03.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  197 просмотров 0

Черепашка на чистом CSS!

Я думаю Вы уже видели других моих персонажей

Юрий Немец

27.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  241 просмотр 0

Шпаргалка - списки CSS

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

Юрий Немец

23.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  215 просмотров 0

5 ошибок продающих страниц

Если Вы прочли прошлую статью, тогда Вы уже знаете зачем нужна продающая страница, сколько времени обычно уходит на ее создание и какие виды продающих страниц существуют

Юрий Немец

18.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  209 просмотров 0

Как и для чего создавать продающие страницы?

Наверняка многие слышали о продающих страницах и для их использовать

Юрий Немец

16.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  233 просмотра 0

Увеличение изображения jQuery

Увеличение картинки в виде лупы, то есть где находится лупа, там часть увеличивается

Юрий Немец

12.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  233 просмотра 0

Шпаргалка - границы CSS

Продолжаю создание шпаргалок в инфографике, которые лучше всего запоминаются

Юрий Немец

10.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  242 просмотра 0

Как создать панду на чистом CSS?

Несколько недель раннее я создал смурфика и Микки Мауса на чистом CSS

Юрий Немец

06.02.2015 , обновлено  18.10.2019

Пожаловаться

Комментировать  213 просмотров 0

• ↑ написано позже
• 3
• написано раньше ↓

Подрубрики