Всплывающее окно для незарегестрированых при входе на сайт
Версия: PopUpWinJQuery

Внимание! Модули сайта находятся в процессе разработки. Функционал доступен частично.
МЫ НЕ СТОИМ НА МЕСТЕ, А СТАРАЕМСЯ СДЕЛАТЬ САЙТ УНИКАЛЬНЫМ!
Ограничение функций от сервисов Ucoz является помехой,но мы будем искать варианты, ведь многие функции либо скрыты и не запрещены,
либо давно забыты и убраны из списков.
Многое можно осуществить через JS и Json.
Мы ищем решение для добавления большего количества файлов.



Специальная тема.

Простой на самом деле скриптик, который мы регулярно обновляем! Основан на css и на JQuery.

Смысл в следующем - Имитация Соц-сетей при входе, когда нам предлагают ввести логин, зарегится, или восстановить пароль.

При всем, это никак не должно влиять на посещение сайта поисковыми ботами.


Делать RIP тех страничек - дело долгое и занудное. А вот использовать PoPup на JQuery - в самый раз!


В main.tpl после {content} вставляем {include file="наш_мод.tpl"}

Создаем наш_мод.tpl , а затем в его тело прописываем следующий код:

Код
[group=5] - Группа 5 - незалогиненные гости сайта
<script> - сам скрипт
$(function() {
$('.pop-up').hide();  
$('.pop-up').fadeIn(1000); - открытие при загрузке
$('.close-button').click(function (e) {
$('.pop-up').fadeOut(700); - закрытие по крестику
$('#overlay').removeClass('blur-in');
$('#overlay').addClass('blur-out');
e.stopPropagation();
});
});
</script>
<div class="row pop-up">
<div class="box small-6 large-centered">
<a href="#" class="close-button">✖</a>
<h3>Добро пожаловать на сайт !</h3>
<img alt="" src="Ссылка на картинку, как в соц-сетях, либо другое" style="float: left; max-width: 600px;" /><p><h3>Здравствуй, ты новичок на нашем сайте?!</h3></p>
<p>Для упрощения процесса мы поможем тебе во всем разобраться!</p>
<p>Хотя здесь и разбираться почти не в чем! Но все-же!</p><hr>
<p><img src="https://twdhub-a.usite.pro/img/1809613.png" width="30" style="float: left;"/>- Как зарегистрироваться у вас на сайте?!</p><hr>  
<p>- Достаточно перейти по ссылке <a href="/index.php?do=register">СЮДА</a>, и заполнить поля регистрации в два шага!<img src="https://twdhub-a.usite.pro/img/icon-3420273_640.png" width="60" style="float: right;"/></p><hr>
<p><img src="https://twdhub-a.usite.pro/img/1809613.png" width="30" style="float: left;" />- А если я забыл свой пароль, но помню e-mail?!</p><hr>  
<p>- Вам надо перейти по ссылке <a href="/index.php?do=lostpassword">СЮДА</a>, и заполнить поля для восстановления пароля!<img src="https://twdhub-a.usite.pro/img/icon-3420273_640.png" width="60" style="float: right;" /></p><hr>
<p><img src="https://twdhub-a.usite.pro/img/1809613.png" width="30" style="float: left;" />- А если я потерял все данные, как тогда быть?!</p><hr>  
<p>- И это решимая задача! Вы ведь при регистрации указывали свои паспортные данные, а также номер телефона?<img src="https://twdhub-a.usite.pro/img/icon-3420273_640.png" width="60" style="float: right;"/><br>
А раз эти данные надежно хранятся у нас, вы сможете восстановить аккаунт!<br>
Напишите в Службу Поддержки, перейдя вот <a href="/index.php?do=feedback">СЮДА</a>, Укажите о утере, и укажите для подтверждения, что вы владелец аккаунта,
свои паспортные данные и номер телефона! Ответ придет быстро, на также указанный в обращении e-mail!</p><hr>  
Ваша информация, реклама, либо пустое поле.
  <a href="#" class="close-button">✖</a>
</div></div>
[/group]


Все очень просто! Пример реализации вы можете увидеть Здесь!

Уважаемые пользователи!
Копирование новостей разрешено только с указанием ссылки на данную новость на другом сайте.
При обнаружении нарушения будут приняты меры, связанные с защитой авторских прав по пункту законов о плагиате и нарушении авторских прав.
На сайте используются только оригинальные материалы, без копирования из других источников. Все скрипты и коды здесь - наши авторские работы.
Чужие работы мы бережно выносим на отдельные html странички, со ссылками на оригинальный материал. ПРИМЕР
Уважайте чужой труд!
Категория: разработки js/css | Добавил: SKYER | Теги: окно приветствия на сайт, JQUery popup, всплывающее окно при входе на сайт

Всего комментариев: 0
avatar