Версия: PopUpWinJQuery
Внимание! Модули сайта находятся в процессе разработки. Функционал доступен частично. МЫ НЕ СТОИМ НА МЕСТЕ, А СТАРАЕМСЯ СДЕЛАТЬ САЙТ УНИКАЛЬНЫМ!
Ограничение функций от сервисов Ucoz является помехой,но мы будем искать варианты, ведь многие функции либо скрыты и не запрещены, Последняя фиксацияПростой на самом деле скриптик, который мы регулярно обновляем! Основан на 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 | | | |
Всего комментариев: 0 | |