Плагин для запроса возраста.

BIOMOND

✵Антигерой✵
Проверенные
Сообщения
1,849
Решения
20
Реакции
2,822
Баллы
5,840
Доброго времени суток, ув.Форумчане.
Сейчас занимаюсь разработкой форума,для моего хорошего друга.
Данный форум посвящен табачным изделиям, по этому поводу возник вопрос:
Есть ли плагин,который будет высвечивать ,,Вам уже есть 18 лет?,, и варианты ответов ,,Да,, и ,,Нет,,?
Ну,думаю,суть ясна.
Всех благодарю за внимание.

PS: гуглмугл не помог,либо я так хреново гуглил))
 

Вложения

  • Безымянный.png
    Безымянный.png
    9.5 KB · Просмотры: 51
Реального возраста все равно не высветит :) нажал да и все, а при регистрации указал возраст больше 18 лет :) проблема просмотра сайта людьми, младше 18 лет это не решит :) Можно сделать на странице регистрации модальное окно, не проблема, но как писал выше :)
 
Реального возраста все равно не высветит :-) нажал да и все, а при регистрации указал возраст больше 18 лет :-) проблема просмотра сайта людьми, младше 18 лет это не решит :-) Можно сделать на странице регистрации модальное окно, не проблема, но как писал выше :-)
Да пускай хоть 10летние смотрят, главное - предупредить)) Сигареты в ларьках тоже малолеткам не продают, но каждый второй школьник курит :-D
 
Гугл совсем сломался у Вас? Таких скриптов куча... С куками и без них, с различным оформлением и т.п.

В плагин лень паковать, напишу так...

В шаблон PAGE_CONTAINER перед тегом </head> вставляем:
Код:
<script src="{$javaScriptSource}/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>


Например в шаблон footer вставляем:
Код:
<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="http://site.ru">Да, мне уже есть 18 лет!</a></div>
<div class="year18s"><a href="http://site.ru">Нет, я младше 18 лет</a></div>
</div>
</div>
</div>


В шаблон EXTRA.css добавляем:
Код:
.year18as a
{
    color: #BC1877;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.year18s a
{
    color: #000;
    float: right;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}


.box-tagline h3
{
color: #d25371;
}


#colorbox,#cboxOverlay,#cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
background: none repeat scroll 0 0 #EEEEEE;
}

#cboxOverlay {
position:fixed;
width:100%;
height:100%;
background:#000;
opacity:0.5!important;
}

#cboxMiddleLeft,#cboxBottomLeft {
clear:left;
}

#cboxContent {
position:relative;
background:#fff;
overflow:visible;
}

#cboxLoadedContent {
overflow:auto;
margin-bottom:5px;
}

#cboxTitle {
position:absolute;
bottom:-25px;
left:0;
text-align:center;
width:100%;
font-weight:700;
color:#7C7C7C;
margin:0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer;
position:absolute;
bottom:-29px;

width:23px;
height:23px;
text-indent:-9999px;
}

.cboxPhoto {
float:left;
border:0;
display:block;
margin:auto;
}

.cboxIframe {
width:100%;
height:100%;
display:block;
border:0;
}

#colorbox {
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}

#cboxTopLeft {
width:14px;
height:14px;

}

#cboxTopCenter {
height:14px;

}

#cboxTopRight {
width:14px;
height:14px;

}

#cboxBottomLeft {
width:14px;
height:12px;

}

#cboxBottomCenter {
height:12px;

}

#cboxBottomRight {
width:14px;
height:12px;

}

#cboxMiddleLeft {
width:14px;

}

#cboxMiddleRight {
width:14px;

}

#cboxLoadingOverlay {

}

#cboxLoadingGraphic {

}

#cboxCurrent {
position:absolute;
bottom:-25px;
left:58px;
font-weight:700;
color:#7C7C7C;
}

#cboxPrevious {
left:0;
background-position:-51px -25px;
}

#cboxPrevious.hover {
background-position:-51px 0;
}

#cboxNext {
left:27px;
background-position:-75px -25px;
}

#cboxNext.hover {
background-position:-75px 0;
}

#cboxClose {
right:0;
background-position:-100px -25px;
}

#cboxClose.hover {
background-position:-100px 0;
}

.cboxSlideshow_on #cboxSlideshow {
background-position:-125px 0;
right:27px;
}

.cboxSlideshow_on #cboxSlideshow.hover {
background-position:-150px 0;
}

.cboxSlideshow_off #cboxSlideshow {
background-position:-150px -25px;
right:27px;
}

.cboxSlideshow_off #cboxSlideshow.hover {
background-position:-125px 0;
}

.box-title {
color:#2C2D31;
font-size:20px;
font-weight:700;
text-align:center;
margin:10px 0;
}

.box-tagline {
color:#999;
font-size:12px;
text-align:center;
margin:0;
}

#subs-container {
position:relative;
padding:35px 0 30px;
}

.box-side {
width:170px;
text-align:center;
}

.box-side.left {
border-right:1px solid #ecedf3;
padding:0 30px 0 15px;
}

.box-side.right {
float:right;
margin-top:-223px;
margin-right:10px;
}

.box-icon {
width:72px;
height:54px;
margin:0 auto;
padding:6px 0 0;
}

#box-or {
background:#fff;
font-size:12px;
font-weight:700;
height:25px;
line-height:25px;
position:absolute;
width:20px;
margin:-115px 0 0 208px;
}


Файл jquery.colorbox-min.js из прикреплённого ниже архива кладём в папку js своего форума. В итоге получаем такое:
01.png
Выбор пользователя запоминается куками.
 

Вложения

  • upload.zip
    4.2 KB · Просмотры: 4
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу