Официальный форум Eleanor CMS

Полная версия этой страницы: Официальный форум Eleanor CMS » bb-код Spoiler

Официальный форум Eleanor CMS » Поддержка пользователей системы Eleanor CMS » Секреты и советы

Страницы: 1, 2

Phoenix84

2010-10-02, 21:56

Цитата

return '<div><a href="javascript://" class="splLink">'.$params['name'].'</a><div class="splCont">'.$content.'</div></div>';

Извиняюсь, торопился. Перепиши строку

Loader

2010-10-04, 8:51

Во-о-т , теперь всё работает и в Опере!
Хорошо что картинки вложенные в такой спойлер подгружаются только при его открытии. Собственно хочу кадры из фильмов туда прятать.

Цитата (Phoenix84 @ 2010-10-02, 21:56)

Цитата

return '<div><a href="javascript://" class="splLink">'.$params['name'].'</a><div class="splCont">'.$content.'</div></div>';

Извиняюсь, торопился. Перепиши строку

Этот код работает, а вот этот, который как раз с кнопками - не хочет:

Цитата

return '<div><div class="smallfont" style="margin-bottom:2px"><b>'.$params['name'].'</b> <input type="button" value="Показать" style="width:60px;height:17px;font-size:10px;margin:0px;padding:0px;" onClick="javascript://" class="splLink"><div class="splCont">'.$content.'</div></div></div>';

Loader

2010-10-04, 22:41

Итак, 3-й вариант спойлера: (всё-таки я его добил)

Огромное спасибо Phoenix84 ! Делается он так:

1) Заходим в templates/Ваша-тема/style/ и в конец любого файла .css дописываем следующее:

Цитата

/* ============        Спойлер     ============ */
.spoiler-wrap {
    width: 95%;
    margin: 6px auto;
    clear: both;
    background: #E9E9E6;
    border: solid #C3CBD1;
    border-width: 1px 1px 1px 2px;
    font: 12px Verdana,Arial,sans-serif;
}
.spoiler-head {
    font-size: 11px;
    padding: 1px 14px 3px;
    margin-left: 6px;
    line-height: 15px;
    font-weight: bold;
}
.spoiler-body {
    padding: 1px 6px 2px;
    display: none;
    border-top: 1px solid #C3CBD1;
    background: #F5F5F5;
}

.clickable {
    cursor: pointer;
}

.folded {
    display: block;
    background: transparent url(icon_plus_1.gif) no-repeat left center;
    padding-left: 14px;
}

.unfolded {
    display: block;
    background: transparent url(icon_minus_1.gif) no-repeat left center;
    padding-left: 14px;
}
/* ============ Спойлер конец ============ */

2) Далее в файл index.php Вашей темы добавляем перед тэгом </body> такой код:

Цитата

<SCRIPT type=text/javascript>
function initSpoilers(context)
{
var context = context || 'body';
$('div.spoiler-head', $(context))
.click(function(){
$(this).toggleClass('unfolded');
$(this).next('div.spoiler-body').slideToggle('fast');
})
;
}

$(document).ready(function(){
initSpoilers('body');
});
</SCRIPT>

3) В файл /classes/others/class_ownbb.php в конец, но перед "?>" добавляем следующий код:

Цитата

# спойлер
class OwnBbCode_spoiler extends BaseOwnBbCode
{
public function PreDisplay($tag,$params,$content,$canuse)
{
if(!$canuse)
return $this->RestrictDisplay();
$params=$params ? Strings::ParseParams($params) : array();
if(isset($params['noparse']))
{
unset($params['noparse']);
return parent::PreEdit($tag,$params,$content,true);
}
If (!isset($params['name'])) {
$params['name']='Спойлер...(нажми)';}
return '<div class="spoiler-wrap"><div class="spoiler-head folded clickable">'.$params['name'].'</div><div class="spoiler-body">'.$content.'</div></div>';
}
}
# спойлер конец

4) В папку /images/ закидываем файлы icon_minus_1.gif и icon_plus_1.gif (прикреплены ниже)

5) В Админке сайта добавляем свой ББ-код spoiler

Пользуемся! На этом всё. Можно использовать просто как [spoiler] текст, рисунок которые надо скрыть [/spoiler] , а можно задавать спойлеру имя таким образом: [spoiler name="имя спойлера"] скрытый текст [/spoiler]

Прикрепляю скрины того что получилось:

Phoenix84

2010-10-05, 18:36

Эм.. по идее это был самый первый вариант )))
Только походу я его вставлял не туда))

Loader

2010-10-05, 19:09

Цитата (Phoenix84 @ 2010-10-05, 18:36)

Только походу я его вставлял не туда))

Даже я не сказал бы лучше! :rofl:

Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.