Спойлер в статьях

Опубликовано:
Просмотров: 2610
+5
Голосов: 5

Фильтр вставляет спойлер в статью. Использовать {СПОЙЛЕР заголовок=Заголовок спойлера}Текст спойлера{/СПОЙЛЕР}

В результате до:

после:

Для установки выполнить запрос:

INSERT INTO `cms_filters` (`id`, `title`, `description`, `link`, `published`) VALUES('', 'Спойлер', 'Фильтр вставки спойлера в статьи. {СПОЙЛЕР заголовок=Заголовок спойлера}Текст спойлера{/СПОЙЛЕР}', 'f_spoiler', 1);

В шаблоне прописать перед тэгом </head>

Код PHP:
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('.splLink').click(function(){
  4. $(this).parent().children('div.splCont').toggle('normal');
  5. return false;
  6. });
  7. });
  8. </script>
  9. <style>
  10. .spltitle {padding: 5px;background:#598CCA;}
  11. .splLink {color: #fff;}
  12. .splCont{display:none;border:1px solid #5280BA;padding:3px 5px;background:#fff;}
  13. </style>

Для того чтобы подогнать его оформление по своему вкусу, тогда отредактировать необходимо следующий код css:

Код PHP:
  1. .spltitle {padding: 5px;background:#598CCA;}
  2. .splLink {color: #fff;}
  3. .splCont{display:none;border:1px solid #5280BA;padding:3px 5px;background:#fff;}

Скачать

Теги: фильтр
Комментарии (6)
Letsgo #
: 0
с бани) сил нету пока ставить) завтра уж)
speckau #
: 0
возможно ли так скрыть ссылку от поисковиков?
Letsgo #
: 0
я вот надеюсь что скрывает, кто бы уточнил?
Марк #
: 0
В браузере посмотри исходный код страницы - если видно то, что под спойлером - знач и поисковик это свистнет, падла uls
Br0nde #
: 0
Хочу у себя на сайте прятать часть информации статьи (html+картинки) под спойлером. Какие изменения нужно внести в Фильтр чтобы это реализовать?
Было бы шикарно если бы Фильтр работал с более сложной конструкцией:
Забиваем в редакторе:
Код PHP:
  1. {СПОЙЛЕР заголовок=Заголовок спойлера}
  2. Тело спойлера
  3. Абзацы,
  4. Списки,
  5. Ссылки,
  6. Картинки,
  7. Таблицы
  8. {/СПОЙЛЕР}
А на выходе это должно быть примерно так:
Код PHP:
  1. <div class="spoiler-header">Заголовок спойлера</div>
  2. <div class="spoiler-body">
  3. Содержимое спойлера в виде HTML
  4. </div>
  5.  
Марк #
: 0
плясть... только один спойлер можно в статью пихать cry

Голосуем

Самый нужный компонент