Перейти к содержимому


Фотография
* * * * * 1 Голосов

Плавный спойлер на JQuery


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 81

#61 Оффлайн   Law AC vs. Finch

    Гуру


  • Пользователи
  • Репутация
    887
    • Cообщений: 3 004
    • Форум:Нет

Отправлено 24 Август 2013 - 16:33

Прикрепленный файл  bbcode.xml   1,28К    скачиваний 46

 

Англ. версия


Сообщение отредактировал Law AC vs. Finch: 24 Август 2013 - 16:34

  • 1

Заработок и обучение заработку

#62 Оффлайн   АлексейLida

    Новичок


  • Пользователи
  • Репутация
    0
    • Cообщений: 2
    • Форум:3.4.х

Отправлено 04 Сентябрь 2013 - 22:13

Здравствуйте! Установил данный спойлер, он у меня почему сразу при открытии страницы отображается развернутым, а когда нажимаю на название - переходит на пустую страницу, подскажите, как решить данный вопрос? Спасибо.


  • 0

#63 Оффлайн   Just Fox

    So don't give up


  • Пользователи
  • Репутация
    312
    • Cообщений: 622
    • Форум:Нет
    • Город:Москва

Отправлено 08 Сентябрь 2013 - 12:31

Здравствуйте! Установил данный спойлер, он у меня почему сразу при открытии страницы отображается развернутым, а когда нажимаю на название - переходит на пустую страницу, подскажите, как решить данный вопрос? Спасибо.

 

Ну как вариант сделать самым простым способом: АЦ -> Внешний вид -> ББКоды -> Спойлер -> Шаблон замены ББ-кода (ну и собственно заменяем на это)

<div class="blockspoiler">{option}
<div class="blockspoiler2">
{content}
</div></div>

  • 0

#64 Оффлайн   АлексейLida

    Новичок


  • Пользователи
  • Репутация
    0
    • Cообщений: 2
    • Форум:3.4.х

Отправлено 09 Сентябрь 2013 - 23:27

 

Ну как вариант сделать самым простым способом: АЦ -> Внешний вид -> ББКоды -> Спойлер -> Шаблон замены ББ-кода (ну и собственно заменяем на это)

<div class="blockspoiler">{option}
<div class="blockspoiler2">
{content}
</div></div>

не помогло, когда нажимаю левой кнопкой - открывается пустая страница, но при этом спойлер открывается, а при нажатии на колесико - работает как надо, вот так все наоборот)


  • 0

#65 Оффлайн   Ryan_Atwood

    Активный


  • Пользователи
  • Репутация
    30
    • Cообщений: 141
    • Форум:3.4.х

Отправлено 09 Сентябрь 2013 - 23:57

Поставил себе


  • 0

#66 Оффлайн   Ryan_Atwood

    Активный


  • Пользователи
  • Репутация
    30
    • Cообщений: 141
    • Форум:3.4.х

Отправлено 10 Сентябрь 2013 - 00:12

Спасибо. Хороший спойлер


  • 0

#67 Оффлайн   Just Fox

    So don't give up


  • Пользователи
  • Репутация
    312
    • Cообщений: 622
    • Форум:Нет
    • Город:Москва

Отправлено 10 Сентябрь 2013 - 02:55

не помогло, когда нажимаю левой кнопкой - открывается пустая страница, но при этом спойлер открывается, а при нажатии на колесико - работает как надо, вот так все наоборот)

кхм.. странно.. у меня на тестовом стоит, жму на спойлер - открывается его внутренняя часть и никуда не переходит. при изменении кода, нажимаешь "Да" ?
 

Кеширование содержимого включено
Задействовано кеширование содержимого, это значит, что любые изменения этого BB-кода не будут автоматически применены к предыдущим сообщениям до тех пор пока не будет удалено кешированное содержимое.
Удалить кеш всех ** объектов? Да Нет

: попробуй очисти кэш браузера за все время (ctrl+shift+del) (в хроме так), и обнови кэш дизайна


  • 0

#68 Оффлайн   FreeZon

    Новичок


  • Пользователи
  • Репутация
    0
    • Cообщений: 5
    • Город:Eaff

Отправлено 21 Октябрь 2013 - 15:25

Так как мне не навится стандартный спойлер в IPB решил написать свой, с плавным раскрытием.

Установка:
1. Заходим в ACP - Внешний вид - Ваш Стиль - globalTemplate
2. находим тег <head> после него вставляем следующий код:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
	jQuery('.blockspoiler2').hide()
	jQuery('.blockspoiler').click(function(){
  jQuery(this).children('.blockspoiler2').slideToggle("normal");
	})
})
</script>
3. Переходим на вкладку CSS - ipb_styles.css. В самый низ вставляем следующий код:
.blockspoiler{
	background: #0b6075;
	margin-bottom:0;
	border-radius: 15px 15px 15px 15px;
	padding: 10px;
	color: #fff;
	width: 95%;
margin-top: 20px;
}
.blockspoiler a{
text-decoration:none;
color: #fff;
}
.blockspoiler a:hover{
text-decoration:none;
color: yellow;
}
.blockspoiler2{
	margin-top: 0;
background: #cad8d0;
	padding: 10px;
	width: 100%;
text-align:justify;
font-size:14px;
margin-top: 20px;
;
color: #000;
}
4. Качаем прикрепленный файл.

5. Заходим ACP - Внешний вид - BB-коды. Загружаем прикрепленный файл.


Вот и все, теперь у вас спойлер будет красивый и плавный


Пожалуйста Войдите или Зарегистрируйтесь чтобы видеть скрытое содержание





Статья подготовленная IpbZona.ru копирование материала без активной гиперссылки запрещено.

 

а как убрать слово Spoiler: в заголовке? Ответь в ЛС плизз


  • 0

#69 Оффлайн   Legend™

    ГуРу


  • Пользователи
  • Репутация
    100
    • Cообщений: 561
    • Форум:3.4.х
    • Город:Ямайка

Отправлено 21 Октябрь 2013 - 15:44

помогите сделать спойлер,не работает все сделал по инструкции,кеши обновил.

Прикрепленные файлы


Сообщение отредактировал Naout: 21 Октябрь 2013 - 15:47

  • 0

#70 Оффлайн   Law AC vs. Finch

    Гуру


  • Пользователи
  • Репутация
    887
    • Cообщений: 3 004
    • Форум:Нет

Отправлено 21 Октябрь 2013 - 17:21

помогите сделать спойлер,не работает все сделал по инструкции,кеши обновил.

Вы бы ссылку на пост дали. Скриншот не получается сканировать
  • 0