BBCode / ББ-коды для форума

[Shredder]

Здесь будем размещать различные бб-коды, способствующие улучшению внешнего вида и удобства пользования форумом. Добавить их можно через Админку --> Сообщения --> BB-codes:

Начнём с тега скрытого текста, который разворачивается по клику мыши, по-другому такой тег называется Спойлер. Лучший спойлер для стиля prosilver, который я использую на своих форумах:

Код:

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

[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 = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = orimg; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
		{TEXT1}
	</div>
	<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
		{TEXT2}
	</div>
</div>

Текст подсказки:

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

Спойлер: [spoiler=заголовок спойлера]текст[/spoiler]

Выглядит он так:

spoiler.png (8.42 КБ) 17688 просмотров

spoiler.png (8.42 КБ) 17688 просмотров

При необходимости цвета можно поправить и под другие стили.

[c61]

Вот правильный спойлер, учитывающий прокрутку при сворачивании огромного текста (нет "скачков в никуда"). По ссылке несколько вариантов. C jQuery - под 3.1 или для 3.0, если имеется.

[Shredder]

С твоего сайта: "Мин нет" -

Спс, надо будет потестировать)

[AlexeyS]

Начнём с тега скрытого текста, который разворачивается по клику мыши, по-другому такой тег называется Спойлер. Лучший спойлер для стиля prosilver, который я использую на своих форумах:

Здравствуйте, Shredder! Спасибо большое за данный код. Он реально один из самых элегантных!
Но при переходе форума на версию 3.2 данный BB-код перестал обрабатываться и все тексты, что раньше были убраны под спойлеры с названиями, оказались снаружи. Сейчас это выглядит примерно так:

Название спойлера

Текст, который теперь никуда не убирается .... [/spоler]

Подскажите, как быть, что необходимо исправить в коде, чтобы он заработал на phpbb 3.2? Пока что могу хоть как-то реанимировать этот код, если убираю лексему {TEXT1}, но мне нужен спойлер именно с названием, поскольку большая часть спойлеров была подписана. Заранее спасибо за ответы.

[Shredder]

AlexeyS
Не работают только старые коды или новые во время постинга тоже?

[AlexeyS]

Shredder
Увы, ни те, ни другие не работают. Хотел скрыть очередной текст под спойлер, ничего не вышло. Пошел проверять те, что уже были скрыты ранее, т.е. еще на 3.1, они тоже все раскрылись.

[Shredder]

Проверил. Этот спойлер отлично работает на phpBB 3.2
Попробуйте создать новый bb-код спойлера (с другим именем) и протестировать его работу. Если и он не включится, то временно отключите все расширения, возможно конфликт с каким-то из них. Нужно выяснить причину.

[AlexeyS]

Shredder
Удалил старый сойлер, создал новый и все заработало! Вообще, спасибо вам огромное за помощь!

[Predator]

Нужно было сделать репарсинг bbcodes, после обновления движка.

[apollion]

BBcode превью\масштабирования изображения. Протестировано и работает на 3.0.14

Использование BBCode:

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

[pimg={SIMPLETEXT}]{URL}[/pimg]

Замена HTML:

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

<img width="{SIMPLETEXT}" src="{URL}" alt="">

Подсказка:

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

[pimg=ширина]адрес картинки[/pimg]