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

#Rips

Эксперт
Пользователь
Регистрация
16 Дек 2015
Сообщения
1,737
Лучшие ответы
0
Репутация
499
Установка:
1. Заходим в ACP - Внешний вид - Ваш Стиль - globalTemplate
2. Находим тег <head> после него вставляем следующий код:

PHP:
<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. В самый низ вставляем следующий код:

PHP:
.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;}
5. Заходим ACP - Внешний вид - BB-коды. Загружаем прикрепленный файл.

Скачать
Yandex Disk проверяет


 
Сверху Снизу