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


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

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


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

#1 Оффлайн   KuroKy

    Постоялец


  • Пользователи
  • Репутация
    139
    • Cообщений: 312
    • Форум:3.3.х
    • Город:Киев

Отправлено 30 Май 2012 - 03:51

Так как мне не навится стандартный спойлер в 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;
margin-left: -10px;
color: #000;
}
4. Качаем прикрепленный файл.

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


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


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





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

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

  • Прикрепленный файл  spoiler.rar   618байт    скачиваний 630

  • 8

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

#2 Оффлайн   bonflecher

    Пользователь


  • Пользователи
  • Репутация
    4
    • Cообщений: 48
    • Форум:3.3.х
    • Город:Odessa

Отправлено 10 Июнь 2012 - 22:29

Можно что бы его окраска была темного цвета а не синего ?
  • 0

#3 Оффлайн   ๖ۣۣۜDesperate™

    Администратор


  • Администраторы
  • Репутация
    4 613
    • Cообщений: 8 556
    • Форум:3.4.х
    • Город:IpbZona
    Участник

Отправлено 10 Июнь 2012 - 22:37

Можно что бы его окраска была темного цвета а не синего ?


.blockspoiler{
	    background: #0b6075;

  • 0

#4 Оффлайн   bonflecher

    Пользователь


  • Пользователи
  • Репутация
    4
    • Cообщений: 48
    • Форум:3.3.х
    • Город:Odessa

Отправлено 10 Июнь 2012 - 22:51

Можно что бы его окраска была темного цвета а не синего ?


.blockspoiler{
		background: #0b6075;

спасибо
  • 0

#5 Оффлайн   Remak3r

    Продвинутый


  • Пользователи
  • Репутация
    8
    • Cообщений: 62
    • Форум:3.3.х
    • Город:Astana

Отправлено 13 Июнь 2012 - 08:24

скажите, а что если у меня вот так
Изображение
что я не так сделал?
  • 0

#6 Оффлайн   bonflecher

    Пользователь


  • Пользователи
  • Репутация
    4
    • Cообщений: 48
    • Форум:3.3.х
    • Город:Odessa

Отправлено 13 Июнь 2012 - 09:52

скажите, а что если у меня вот так
Изображение
что я не так сделал?

Все неправильно сделали.

Сообщение отредактировал bonflecher: 13 Июнь 2012 - 09:52

  • 0

#7 Оффлайн   Remak3r

    Продвинутый


  • Пользователи
  • Репутация
    8
    • Cообщений: 62
    • Форум:3.3.х
    • Город:Astana

Отправлено 13 Июнь 2012 - 11:17

а как надо, вроде по инструкции делал
  • 0

#8 Оффлайн   bonflecher

    Пользователь


  • Пользователи
  • Репутация
    4
    • Cообщений: 48
    • Форум:3.3.х
    • Город:Odessa

Отправлено 13 Июнь 2012 - 11:21

а как надо, вроде по инструкции делал

если по инструкции то все должно было получится, у меня все вышло, сделайте еще раз заново.
  • 0

#9 Оффлайн   Roman_Yaniuk

    Постоялец


  • Пользователи
  • Репутация
    72
    • Cообщений: 362
    • Форум:3.4.х
    • Город:Богуслав

Отправлено 13 Июнь 2012 - 11:35

Макс ты как всегда молодец.
Спасибо.
На форум портала уже поставил?
  • 0

#10 Оффлайн   Remak3r

    Продвинутый


  • Пользователи
  • Репутация
    8
    • Cообщений: 62
    • Форум:3.3.х
    • Город:Astana

Отправлено 13 Июнь 2012 - 14:38

не получается, пожалуйста помогите

Сообщение отредактировал Remak3r: 13 Июнь 2012 - 14:39

  • 1