Просмотр темы
 Кроссбраузерный Спойлер в любом месте сайта. НЕ bb-код
|
|
| Truth_Explorer |
Опубликовано 29.05.2011 12:59
|
 Администратор  Журналисты  Персонал сайта  Сообщений: 266 Зарегистрирован: 17.11.2010 13:01 |
Итак, предлагаю реализацию спойлера. Его можно использовать не только на форумах, но и в любом месте на сайте. bb-коды НЕ используются. Пример реализации можно посмотреть на одном из моих сайтов, например здесь http://www.kkm-sp.../scanners/ (нажмите на СПРАВОЧНАЯ ИНФОРМАЦИЯ ПО СКАНЕРАМ ШТРИХКОДОВ) Сделаем аккуратный и простой спойлер на основе библиотеки jQuery. Спойлер - это способ прикрыть некоторую информацию от глаз посетителя, чтоб не отвлекать его от основного материала. Пользователь может посмотреть, что находится в спойлере одним кликом мыши и так же может его снова закрыть. Открываем директорию  Кодthemes/templates Кодecho "<script type='text/javascript'>ВАЖНО: прописать скрипт необходимо после объявления jquery.js. В идеале в самом конце, перед закрывающим </head> Теперь нужно подготовить класс, который будет скрывать содержимое спойлера. Его нужно вписать в файл css-стилей: Открываем Кодthemes/ВАША_ТЕМА/styles.cssи в самый конец добавляем Код.splCont {Ремарочка: естественно, стиль спойлера можно изменить :) Теперь всё готово. Для вставки в любое место используем следующий код: Код<div><a href="javascript://" class="splLink">Спойлер...</a><div class="splCont">Изменил(а) Truth_Explorer, 29.05.2011 13:18 |
|
|
|
| yury |
Опубликовано 29.05.2011 18:16
|
 Супер Администратор  Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
не хватает, плюсика, когда спойлер свернут и минусика, когда спойлер развернут. всеже для визуального восприятия это будет понятнее, а то я бы не понял, что его можно развернуть |
|
|
|
| Alipapa |
Опубликовано 29.05.2011 18:50
|
 Опытный пользователь  Сообщений: 243 Зарегистрирован: 02.11.2010 13:13 |
Не надо лишний раз модить header.php, используйте add_to_head(). |
|
|
|
| Поделиться этой темой | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
| Перейти на форум: |
