Jump to content

Спойлер


Recommended Posts

Помогите пожалуйста со спойлером на 3.3.3 версии IPB. Как сделать красивый спойлер с возможностью изменения options

и немного увеличенной стандартной кнопкой Показать, чтобы текст на ней не вылезал за пределы?

Link to comment
Share on other sites

Тоесть чтобы можно было выбрать что на спойлере написано вместо "Скрытый текст" и как то расширить кнопку потому что надпись "Показать" не вмещается на нее

Link to comment
Share on other sites

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

<script type="text/javascript" src="__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;
}
Качаем сам вв код!

Пример этого спойлера!


Плюсик не забудь! :D
Link to comment
Share on other sites

Все, спасибо, разобрался. Там нужно было не

АЦ → Внешний вид → Сообщения → BB-коды → Добавить

а АЦ → Внешний вид → Сообщения → BB-коды → Импортировать

Link to comment
Share on other sites

АЦ → Внешний вид → Сообщения → BB-коды → Импортировать

У меня написано Добавить.

Тема закрыта.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...