BBCode

Проблемы с установкой или работой phpBB 3.0.х. Решение проблем связанных с модами, стилями, доработками и так далее.
Аватара пользователя
Slash
Администратор
Сообщения: 2208
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Re: BBCode

#16

Сообщение Slash » Вс окт 12, 2014 3:14 pm

Spoiler (старый спойлер) с этого форума (не помню, где брал...):
Использование BBCode:

Код: Выделить всё

[spoiler={TEXT1}]{TEXT2}[/spoiler] 
Замена HTML:

Код: Выделить всё

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
    <div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './images/close.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
        <img style="margin: 0; padding: 5px 5px 0" src="./images/open.gif" alt="BB3Spolier" />
        {TEXT1}
    </div>
    <div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
        {TEXT2}
    </div>
</div> 
Подсказка:

Код: Выделить всё

Скрытый текст: [spoiler=название]текст[/spoiler]
Вложения
Кнопки.rar
Содержимое архива поместить в папку: /images/.
(496 байт) 12 скачиваний

Реклама
Аватара пользователя
Slash
Администратор
Сообщения: 2208
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Re: BBCode

#17

Сообщение Slash » Ср окт 15, 2014 8:17 am

Spoiler (новый спойлер) с этого форума (источник bloggersentral.com + немного изменен):
CSS:

Код: Выделить всё

.spoilerbutton {
    background-color: #999999;
    color: #ffffff;
    font-weight: bold;
    margin: 5px 0;
}

.spoiler {
    overflow: hidden;
    background: #f5f5f5;    
}

.spoiler > div {
    -webkit-transition: all 0.2s ease;
    -moz-transition: margin 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: margin 0.2s ease;
}

.spoilerbutton[value=" spoiler + "] + .spoiler > div {
    margin-top: -100%;
}

.spoilerbutton[value=" spoiler - "] + .spoiler {
    margin: 0;
    padding-bottom: 5px;
}
Замена HTML:

Код: Выделить всё

<input class="spoilerbutton" type="button" value=" spoiler + " onclick="this.value=this.value==' spoiler + '?' spoiler - ':' spoiler + ';"> {TEXT1}
<div class="spoiler">
    <div>
        {TEXT2}
    </div>
</div>
Подсказка:

Код: Выделить всё

Скрытый текст: [spoiler=название]текст[/spoiler]

Ответить Пред. темаСлед. тема

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей