X   Сообщение сайта
(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

2 страниц Открыть меню  < 1 2  
Ответить в данную темуНачать новую тему
> bb-код Spoiler
Phoenix84
сообщение 2010-10-02, 21:56
Сообщение #21
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 231
Регистрация: 2010-03-31
Версия системы: RC5

Репутация:   нет  
Всего: нет


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

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

Сообщение отредактировал Phoenix84 - 2010-10-02, 22:00
Перейти в начало страницы
+Цитировать сообщение
Loader
сообщение 2010-10-04, 8:51
Сообщение #22
Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:   нет  
Всего: нет


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

Цитата (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, 12:12
Перейти в начало страницы
+Цитировать сообщение
Loader
сообщение 2010-10-04, 22:41
Сообщение #23
Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:   нет  
Всего: нет


Итак, 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]

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







Сообщение отредактировал Loader - 2010-10-04, 22:58

Прикрепленные файлы
Прикрепленные файлы  icon_plus_1.gif ( 191 байт ) Скачиваний: 71
Прикрепленные файлы  icon_minus_1.gif ( 187 байт ) Скачиваний: 72
Прикрепленные файлы  TEST.rar ( 1.4 килобайт ) Скачиваний: 22
 
Перейти в начало страницы
+Цитировать сообщение
Phoenix84
сообщение 2010-10-05, 18:36
Сообщение #24
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 231
Регистрация: 2010-03-31
Версия системы: RC5

Репутация:   нет  
Всего: нет


Эм.. по идее это был самый первый вариант )))
Только походу я его вставлял не туда))
Перейти в начало страницы
+Цитировать сообщение
Loader
сообщение 2010-10-05, 19:09
Сообщение #25
Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:   нет  
Всего: нет


Цитата (Phoenix84 @ 2010-10-05, 18:36)
Только походу я его вставлял не туда))


Даже я не сказал бы лучше! :rofl:
Перейти в начало страницы
+Цитировать сообщение

2 страниц Открыть меню  < 1 2
Ответить в данную темуНачать новую тему
0 чел. читают эту тему (гостей: 0, скрытых пользователей: 0)
Пользователей: 0

 
RSS Текстовая версия 0.0430 сек.    12 запросов    GZIP включен    Сейчас: 2020-12-05, 11:15