Предложение регистрации или авторизации

Модификации основанные на языке JavaScript.

Скрипты(Огромная галерея скриптов, на любой вкус и цвет)
Аватара пользователя
Dgene

Предложение регистрации или авторизации

Dgene 02 май 2014, 15:12 Сообщение

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

Изображение

Уточню, когда пользователь заходит на основную - главную страницу форума всё отображается как обычно, но когда начинает читать какие-либо темы форума, именно тогда появляется всплывающие окно, с предложением авторизации или регистрации. При этом окно предложения как основное, а сам текст форумных дискуссий на заднем плане и чуток затемнен. Примерно как на скрине, чуть выше.

Если у кого-либо есть такой код или какой-либо альтернативный. Пожалуйста поделитесь.

С уважением )
Ресурс над которым тружусь на данный момент времени - "Компьютерный мир": younetwork.ru

Аватара пользователя
CabinetAdmin

Re: Предложение регистрации или авторизации

CabinetAdmin 02 май 2014, 19:12 Сообщение

Кодов много в сети.
Мне нравится сей плагин - Плагин для создания модальных окон Magnific Popup, многофункциональный что ли...

С его помощью сделать не проблема. Плюсы: лёгкость, быстрота работы, ну и работа на всех устройствах.
Нужен сам плагин, подключенный между <head> и сама структура, в данном случае такая:

Код: Выделить всё

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<a class="popup-modal" href="#login-modal" style="display: none;">{L_LOGIN_LOGOUT}</a>
<div id="login-modal" class="white-popup-block">
<h2>Заголовок</h2>
<p>Текст</p>
<p><a href="{U_REGISTER}">{L_REGISTER}</a> <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></p>
<p><a class="login-modal-close" href="#">Закрыть</a></p>
</div>
<script type="text/javascript">
$(function () {
$('.popup-modal').magnificPopup({
type: 'inline',
preloader: false,
focus: '#username',
modal: true
}).magnificPopup('open');
$(document).on('click', '.login-modal-close', function (e) {
e.preventDefault();
$.magnificPopup.close();
});
});
</script>
<!-- ENDIF -->


Плюс к стилевому файлу magnific-popup.css:

Код: Выделить всё

.white-popup-block {
background: #FFF;
padding: 20px 30px;
text-align: left;
max-width: 650px;
margin: 40px auto;
position: relative;
}


Оформление можно поменять как на скрине, само собой.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

heema

Re: Предложение регистрации или авторизации

heema 12 сен 2014, 10:05 Сообщение

Zoomify вроде ведь похоже на то, что вы хотите? И скачать не получится...



Похожие темы

Вернуться в «JavaScript / jQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость