В общем-то, давненько искал скрипт сворачивающегося, одноразового блока. Почему одноразового ?? Да потому что его назначение - уведомление о какой -либо информации. Пользователь прочитал и по своему усмотрению закрыл этот блок. Закрытие запоминается в куках браузера и блок не отображается до тех пор, пока пользователь не очистит cookies в своем браузере. - от автора темы DeaDRoMeO.
Довольно интересная (и простая) доработка для форума. Кому нужно дать пользователю (впервые) определённую информацию и чтобы данная информация после этого пользователю не надоедала - тому и пригодится данный мод.
Как говорится: лучше один раз увидеть, чем сто раз услышать. Поэтому я сделал статическую страницу в стиле форума, чтобы продемонстрировать работу сего действа.
(страничку создал, потому что на форуме она мне, в принципе, не нужна
)Делается всё очень просто:
1. Скачать папку со скриптами
2. Распаковать и 2 файла из папки загрузить в корень сайта (где файл config.php).
3. Теперь прописываем подключение.
прописка скриптов подключения:
Открыть ваш сайт/styles/ваш стиль/template/overall_header.html
Найти
Вставить перед найденным
Если у вас уже подключено jQuery, то строку
прописывать не надо.
Найти
Код: Выделить всё
</head>Вставить перед найденным
Код: Выделить всё
<!---- cookies remember on ---->
<script type="text/javascript" src="{ROOT_PATH}jQuery.js"></script>
<script type="text/javascript" src="{ROOT_PATH}jquery.cookie.js"></script>
<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>
<!---- cookies remember off ---->
Если у вас уже подключено jQuery, то строку
Код: Выделить всё
<script type="text/javascript" src="{ROOT_PATH}jQuery.js"></script>прописывать не надо.
прописка вывода блока вашего сообщения:
Открыть шаблон того файла, где вы хотите видеть вывод блока и прописать код.
где
id="box1" - id самого информационного блока, по которому и происходит срабатывание скрипта.
<div id="boxs1">x</div> - вывод кнопки закрытия блока (с запоминанием в куках).
Код: Выделить всё
<div id="box1">
<div id="boxs1">x</div>
Содержимое блока
</div>где
id="box1" - id самого информационного блока, по которому и происходит срабатывание скрипта.
<div id="boxs1">x</div> - вывод кнопки закрытия блока (с запоминанием в куках).
Всё. сам блок и место вывода можете оформить как вам необходимо.
// доработка довольно удобная.
p.s. Как мне тут подсказали, стоит дополнить тему небольшим разъяснением. (оформление)
первичное оформление блока
где 
