Osetin
29.11.2014, 19:41
Установка:
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-коды. Загружаем файл.
Вот и все, теперь у вас спойлер будет красивый и плавный
Ссылка: Нажмите сюда, чтобы скачать файл (https://yadi.sk/d/2zk24XMDd2nJ2)
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-коды. Загружаем файл.
Вот и все, теперь у вас спойлер будет красивый и плавный
Ссылка: Нажмите сюда, чтобы скачать файл (https://yadi.sk/d/2zk24XMDd2nJ2)