Специальный спойлер, созданный на основе стандартного спойлера от IP.Board 3.2.x
Открыть /public/js/ipb.js
Найти:
ipb.delegate.register('.bbc_spoiler_show', ipb.global.toggleSpoiler);
Заменить на :
ipb.delegate.register('.bbc_csnSpoiler_show', ipb.global.toggleCSNSpoiler);
Найти:
/* ------------------------------ */
/**
* Toggle spoiler
*
* @param {event} e The event
*/
toggleSpoiler: function(e, button)
{
Event.stop(e);
var returnvalue = $(button).up().down('.bbc_spoiler_wrapper').down('.bbc_spoiler_content').toggle();
if( returnvalue.visible() )
{
$(button).value = ipb.lang['spoiler_hide'];
}
else
{
$(button).value = ipb.lang['spoiler_show'];
}
},
Добавить ниже:
/* ------------------------------ */
/**
* Toggle CSN Spoiler
*
* @param {event} e The event
*/
toggleCSNSpoiler: function(e, button)
{
Event.stop(e);
var returnvalue = $(button).up().up().down('.bbc_csnSpoiler_wrapper').down('.bbc_csnSpoiler_content').toggle();
if( returnvalue.visible() )
{
$(button).addClassName('bbc_csnSpoiler_minus').removeClassName('bbc_csnSpoiler_plus');
}
else
{
$(button).addClassName('bbc_csnSpoiler_plus').removeClassName('bbc_csnSpoiler_minus');
}
},
В CSS стиля добавить:
.bbc_csnSpoiler{}
.bbc_csnSpoiler_button{background-color:#ddd;border:1px solid #aaa;border-left:2px solid #aaa;}
.bbc_csnSpoiler_show{background-color:#ddd;background-repeat:no-repeat;background-position:0 50%;border:0;text-align:left;width:100%;padding-left:12px;}
.bbc_csnSpoiler_minus{background-image: url({style_images_url}/bullet_toggle_minus.png);}
.bbc_csnSpoiler_plus{background-image: url({style_images_url}/bullet_toggle_plus.png);}
.bbc_csnSpoiler_wrapper{}
.bbc_csnSpoiler_content{border:1px solid #aaa;border-top:0;border-left:2px solid #aaa;padding:5px;}
Далее идёт инструкция по добавлению BB-Кода. Вы можете её не выполнять, а просто скачать архив, распаковать его и импортировать XML-файл с BB-Кодом в Админцентре на странице BB-Кодов.