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

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

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

Мир шаблонов » Полезности, хаки 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
Публикацию посмотрели 6762 раз(а) и написали 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
Фото

Группа: Администраторы
Комментариев: 274
Публикаций: 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)

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

последние комментарии
  • sergey-vorobey 16.07.2017
    Бизнес комплект 5.0 250 бизнес ... (12)
    sergey-vorobey-фото
    Приветствуем!
    Раздача сделана не плохо можно выбрать нужное.
    Покамест нету никаких просьб о вводе пароля
  • bastmusic 06.07.2017
    Tornado Base v.91 (07.04.13) - ... (12)
    bastmusic-фото
    где можно скачать прогу ?
  • stas2010 30.06.2017
    Шаблон IT TheShop для Joomla 1 ... (1)
    stas2010-фото
    ссылка не работает - нет такого файла
  • Samson192 26.06.2017
    Tornado Base v.91 (07.04.13) - ... (12)
    Samson192-фото
    Цитата: seriy99
    Качайте.

    Спасибо конечно, но не мешало бы еще и пароль от архива скинуть...
  • vlados228 01.06.2017
    MUSE ГЕНЕРАТОР. Комплект Adobe ... (12)
    vlados228-фото
    Кто ищет рабочий Muse генератор - скажу сразу, Вы его не найдете)
    То что для его активации требуется активационный ключ, это выдумка.
    На торрентах/форумах/складчинах распространён поддельный Muse генератор, который выпустил сам создатель чтобы запутать тех кто хочет халявы, там как правило в библиотеке лежат файлы одинакового размера по 32мб, которые одинаковы по сути)
    Для тех кому нужна РАБОЧАЯ версия adobe muse пишите мне на почту vladusenkov(собака)yandex(тчка)ру
    Продам за 500р
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

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