Рассмотрим вообщем подключение данного блока и все его тонкости. Сперва скачиваем архив с нужными скриптами 2 файлика из архива кидаем в корень форума. Чтобы подключить эти скрипты нужно открыть файл
Код: Выделить всё
</head>
Код: Выделить всё
<script type="text/javascript" src="/jQuery.js"></script>
<script type="text/javascript" src="/jquery.cookie.js"></script>
Код: Выделить всё
<script type="text/javascript" src="/jquery.cookie.js"></script>
Код: Выделить всё
</head>
Код: Выделить всё
<script type="text/JavaScript">
$(document).ready(function (){
var box1 = $.cookie('box1')
if(box1 =='none'){
$('#box1').remove();
}
$('#boxs1').click(function() {
$('#box1').slideUp(1000);
$.cookie('box1', 'none', { expires: 365});
});
});
</script>
Код: Выделить всё
<script type="text/JavaScript">
$(document).ready(function (){
var box1 = $.cookie('box1')//Получаем значение куки
if(box1 =='none'){//Делаем проверку
$('#box1').remove();//И закрываем блок если куки есть
}
$('#boxs1').click(function() {//При клике на id кнопки закрытия
$('#box1').slideUp(1000);//Закрываем сам id блока
$.cookie('box1', 'none', { expires: 365});//И создаём куку
});
});
</script>
Код: Выделить всё
<div id="box1">
<div id="boxs1">x</div>
Содержимое блока
</div>
Оформлять блок можно как угодно, лишь только правильно присвойте айди нужным тегам.
На примере покажу как я подключал у себя этот блок, использую я его для предупреждения посетителей, блок находится под шапкой форума, можете протестировать. Вообщем подключаем блок по инструкциям выше, потом создаем блок под шапкой, открываем
html code
<div id="box1"> /// Начальная граница блока с присвоенным айди
<table width="100%" class="tablebg" cellspacing="0"> /// Создаем таблицу
<tr> /// Создаем строку
<td width="100px" class="row1">/// Создаем ячейку с картинкой 16+
<img src="/16plus.png" alt="16+" />/// Сама картинка 16+
</td> /// Закрываем ячейку
<td align="center" class="row1">/// Создаем ячейку с самим текстом предупреждения
<big>Уважаемые посетители нашего Форума !!!
В связи с принятием закона <strong>№ 89417-6 "О защите детей от информации,
причиняющей вред их здоровью и развитию"</strong>
информируем вас о том, что Форум может содержать материалы и информацию,
не рекомендованную к просмотру лицам, не достигшим 16 лет.
Нажимая кнопку <strong>Да, мне есть 16 лет</strong> вы подтверждаете факт
достижения этого возраста, в противном случае незамедлительно покиньте данный ресурс !!!</big>
</td> /// Закрываем ячейку
</tr> /// Закрываем строку
<tr> /// Создаем строку для вопроса
<td class="row1" colspan="2"> /// Создаем ячейку для вопроса
<strong><big>Достигли ли вы указанного возраста ???</big></strong> /// Ставим вопрос
</td>/// Закрываем ячейку
</tr> /// Закрываем строку
<tr> /// Создаем строку для кнопок
<td class="row1" > /// Создаем ячейку для первой кнопки, при нажатии на которую скроется блок
<a id="boxs1" href="#">Да, мне есть 16 лет</a> /// Создаем простую текстовую кнопку и присваиваем ей айди закрытия
</td>/// Закрываем ячейку
<td class="row1"> /// Создаем ячейку для второй кнопки, при нажатии на которую пользователя унесет на статью в Википедии
<a href="http://ru.wikipedia.org/wiki/Законопроект_№_89417-6" >Нет, мне не исполнилось еще 16 лет</a> /// Создаем простую текстовую
кнопку с отсылом на Википедию
</td>/// Закрываем ячейку
</tr>/// Закрываем строку
</table>/// Закрываем таблицу
<br style="clear: both;" /> /// Создаем пустой отступ от нижней границы блока
</div> // Конечная граница блока