Личные сообщения

Ваши переписки

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

Мир шаблонов » Полезности, хаки DLE » Всплывающее окно для сайта на DLE (подтверждение возраста 18+)
0

Всплывающее окно для сайта на DLE (подтверждение возраста 18+)

Всплывающее окно для сайта на DLE (подтверждение возраста 18+)


Очень простое решение для организации всплывающего окна в котором будет необходимо подтвердить свой возраст. Если посетитель младше 18 лет и нажмёт на соответствующую кнопку,то его перекинет на на другой сайт (можно задать любой сайт для перехода).

Итак приступим.

Скачиваем архив и распаковываем его в папку со своим шаблоном.

Открываем файл main.tpl

Перед тегом
</head>
вставляем

<script src="{THEME}/js/jquery.colorbox-min.js"></script>
 
<script type="text/javascript">jQuery(document).ready(function(){
 
if (document.cookie.indexOf('visited=true') == -1) {
 
var fifteenDays = 1000*60*60*24*15;
 
var expires = new Date((new Date()).valueOf() + fifteenDays);
 
document.cookie = "visited=true;expires=" + expires.toUTCString();
 
$.colorbox({width:"480px", inline:true, href:"#subscribe"});
 
}
 
});</script>


далее после {AJAX} вставляем

<div style='display:none'>
 
<div id='subscribe' style=' background:#fff;'>
 
<h2 class="box-title">Предупреждение!</h2>
 
<h3 class="box-tagline">
Страницы, которые вы собираетесь смотреть, могут содержать материалы, предназначенные только для взрослых. Чтобы продолжить, вы должны подтвердить, что вам уже исполнилось 18 лет.
</h3>
<div style="width:90%;padding:18px">
<div class="year18as"><a href="">Да, мне уже есть 18 лет!</a></div>
<div class="year18s"><a href="http://mirshablonov.com">Нет, я младше 18 лет</a></div>
</div>
</div>
</div>


Поделиться: Понравилась новость? Расскажи друзьям. Поблагодари проект!


Уважаемый посетитель нашего сайта! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!

Тегихаки dle, для dle
Публикацию посмотрели 6183 раз(а) и написали 3 комментариев.

Похожие публикации

 Легкое модальное окно с плавным появлением и затемнением экрана 
Простое модальное окно с легким кодом и минимум javascript. Работает во всех современных браузерах. Принцип работы классический: нажимаем на кнопку - экран затемняется и появляется строго по центру модальное окно, куда вы можете вставить какую...
 Модуль SlideRelated - Похожие новости в slide box для DLE 9.x 
Очень часто пользователь даже не догадывается, что он зашел на сайт, где ему нужна не только та информация, что находится на странице, но и много другой, для этого был создан celsoft'ом модуль похожие новости....
 Слайдер для DLE без модов 
Многие из Вас знаю о существовании в DLE тега {custom}, но почти никто его не использует, а зря. Из этой статьи вы узнаете, как с помощью этого тега и правки лишь шаблона сделать полноценный слайдер....
 Красивый attachment для dle 
Стильный и красивый аттач. Полностью на CSS3 и вообще без картинок. Небольшой js-скриптик для вывода всплывающего блока, который обеспечивает сохранения более-менее точной статистики по скачиваниям т.к. отсутствуют случайные клики. Обилие стилей:...
 Количество новостей в облаке тегов на jQuery для DLE 
Хак для DLE, с помощью которого можно легко вывести количество новостей в каждом теге. Все это работает на jQuery, очень прост в установке....
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Зарегистрирован: 5.03.2014
 

Комментарий #1 написал: posternakd (5 марта 2014 16:28)

Не забудьте подключить стили и прописать перед
</head> 
следующую строчку -
[color=#3333FF]<link media="screen" href="{THEME}/css/modalbox.css" type="text/css" rel="stylesheet"/>[/color]


А то об этом забыли здесь сказать wink
Фото

Группа: Администраторы
Комментариев: 273
Публикаций: 1188
Зарегистрирован: 14.04.2013
 

Комментарий #2 написал: seriy99 (5 марта 2014 16:35)

Цитата: posternakd
Не забудьте подключить стили и прописать перед </head> следующую строчку -
&#91;color=#3333FF&#93;&lt;link media=&#34;screen&#34; href=&#34;&#123;THEME}/css/modalbox.css&#34; type=&#34;text/css&#34; rel=&#34;stylesheet&#34;/&gt;&#91;/color&#93;


А то об этом забыли здесь сказать wink

Спс. за поправку.!
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Зарегистрирован: 1.07.2014
 

Комментарий #3 написал: geminisf (1 июля 2014 09:40)

Как сделать чтобы окно не закрывалось по клику за пределами этого окна?
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
разделы сайта

последние комментарии
  • dmitryony 20.03.2017
    Kiddos - Hand Crafted Kids Ope ... (1)
    dmitryony-фото
    Немогу никак поставить, чтобы отображались стили в шрифтах в русской также как в англ. версии сайта. Все уже настроил, а тут ступор. Перерыл все настройки. Нивкакую. Работал кто-то уже с этой темой? Как настроить это? Такое по всему сайту, а не только в меню. В теме есть 2 шрифта: Cabin Sketch и Titilliunm web. Именно они некоректно отображаются в рус версии.
  • geodesist 09.03.2017
    Fastor - Multipurpose Responsi ... (5)
    geodesist-фото
    Почему-то не устанавливается на 2.3.0.2. Вверху пишет всякие неполадки и темы не появляются
  • xelsing 22.02.2017
    MUSE ГЕНЕРАТОР. Комплект Adobe ... (11)
    xelsing-фото
    Не работает что делать! Делитесь рабочей версией плз
  • seriy99 16.02.2017
    105 уникальных шаблонов инфогр ... (2)
    seriy99-фото
    Цитата: vladexus
    Жесть..такой размер и на дипозит

    Ну так скачивается же без проблем и бесплатно? ))) И много коммерческой информации, которую кому-то можно "грохнуть" с российских файлообменников. А тут хоть уверен - что прийдет пользователь и информация всегда доступна. Удачи Всем
  • vladexus 15.02.2017
    105 уникальных шаблонов инфогр ... (2)
    vladexus-фото
    Жесть..такой размер и на дипозит
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

рекомендуем
Hosting Ukraine
© 2013-2016 mirshablonov.com