Специальный спойлер, созданный на основе стандартного спойлера от 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-Кодов.
Recommended Comments
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.