Наш опрос
Любите ли вы участвовать в опросах?
Всего ответов: 30
Случайный анекдот
96 - Мама, а это правда, что я ненормальный? - Кто тебе такое сказал? - Мухи.
Статистика
Онлайн всего: 15
Гостей: 15
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

   Сворачивающиеся блоки на Cookies для юкоз



Скрипт блоков, которые можно сворачивать и разворачивать для просмотра их содержимого на вашем сайте. Отлично подойдет для мини чатов, вывода краткого описания к материалу и т.д. все зависит от вашей фантазии. Скрипт запоминает положение блока используя куки, так что при обновлении страницы блоки останутся прежними.

Установка:
Этот код ставим в глобальный блок.
Код
<div class="blocks">  
  <div class="btitle"><div class="bclick bclose" rel="bid1"></div>TITLE</div>  
  <div class="bcontent" id="bid1">CONTENT</div>  
  </div>


Заменяем TITLE на название блока, CONTENT меняем на содержимое блока - мини чат, категории и прочее.

Важно: Для каждого нового блока, код bid1 должен быть уникальным - bid1, bid2, bid3 - 1,2,3 блоки.

В таблицу стилей сохраняем:
Код
.blocks {border:1px solid #cecece;margin:10px 4px}  
  .bclose {background: url('/images/m.png') no-repeat;width:16px;height:16px;float:right;cursor:pointer;margin-right:4px;}  
  .bopen {background: url('/images/p.png') no-repeat;width:16px;height:16px;float:right;cursor:pointer;margin-right:4px;}  
  .btitle {padding:4px;padding-left:6px;font-weight:bold;}  
  .bcontent {padding:10px;border-top:1px solid #cecece;}  
  


В любой глобальный блок сохраняем:
Код
<script type="text/javascript" src="/images/bcookie.js"></script>


Файлы архива закачайте в папку images файл менеджера.

Скачать архив 2,72 кб Html редактор
Автор: Prosvetekvator
Просмотров: 9395
06.06.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Сворачивающиеся блоки на Cookies для юкоз След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022