[FAQ] Пользовательские BBCode

[rxu]

База данных пользовательских BBCode на официальном сайте phpBB.

Вот ссылка на тему на официальном сайте, где приведены наиболее популярные пользовательские BBCode для phpBB3:

• Youtube
  • С полным URI
  • Только с videoID
• Google Video
  • С полным URI
  • Только с videoID
• Выравнивание (по центру, по правому краю, по левому краю)
  • По центру
  • По правому краю
  • По левому краю
• Горизонтальная линия
• Спойлер

Особенно прошу обратить внимание на последний, очень простой и без использования яваскрипта.

Некоторые другие BBCode приведены в этой статье в базе знаний (на английском).


*****
RuTube.ru
Video.Mail.Ru (Хотя таблицу оттуда хорошо бы выкинуть)
Google map

устаревшее 

*****
От пользователя mau
Для изменения порядка BBCode установите мод Custom BBCode Sorting. (только для 3.0.х)

[Cardozo]

Спасибо за помощь!

Отправлено спустя 1 минуту 40 секунд:
Evangelion, спасибо. Ваш вариант отлично подошел!

Отправлено спустя 1 минуту 10 секунд:
LONER, Спасибо!

[angst66]

В связи с прекращением поддержки media и приведения битых сообщений в надлежащий вид возник вопрос. А существует ли актуальный bbcode яндекс музыки?

[va-spb]

Существует - Re: [3.1/3.2] videobbredy - адаптивный bb код видео

[Evangelion]

Какой код использовать для спойлера в 3.2?
Расширения не интересуют.
Стоит такое:

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

[spoiler={TEXT1;optional}]{TEXT2}[/spoiler]

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

<div class="spoiler"><div class="spoiler-header" onclick="spoiler(this);">{TEXT1}</div><div class="spoiler-body">{TEXT2}</div></div>

Но спойлер не отображается, просто текст пишет.

[Татьяна5]

Evangelion, классы spoiler, spoiler-header, spoiler-body и функцию в javascript spoiler покажите. (В коде в цитате все они есть и должны быть где-то заданы)

[Konstancius]

Какой код использовать для спойлера в 3.2?
Расширения не интересуют.

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

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

[SPOILER title={TEXT1;optional}]{TEXT2}[/SPOILER]

Шаблон:

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

<div class="spoiler">
	<div class="spoiler-header">
		<button onclick="var a=parentNode.nextSibling.style,b=firstChild.style,c=lastChild.style;b.display=a.display;a.display=c.display=(b.display)?'':'none'"><span>Показать</span><span style="display:none">Скрыть</span></button>
		<span class="spoiler-title">Спойлер: {TEXT1}</span>
	</div>
	<div class="spoiler-content" style="display:none">{TEXT2}</div>
</div>

Надписи "Спойлер", "показать", "скрыть" меняете на какие пожелаете и не забудьте определить стили для классов spoiler, spoiler-header, spoiler-title, spoiler-content, иначе не красиво смотрится.

[Evangelion]

Татьяна5, Konstancius, спасибо, всё таки путь к классу не указал + добавил скрипт)

Отправлено спустя 22 минуты 56 секунд:
Старые спойлеры работают исправно, однако новые не хотят, просто пишет: [spoiler=спойлер]тест[/spoiler]
Как можно исправить?(

[Evangelion]

Сам ББкод:

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

[spoiler={TEXT1;optional}]{TEXT2}[/spoiler]

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

<link rel="stylesheet" type="text/css" href="../styles/Evan/theme/bbcodes.css">
<div class="spoiler"><div class="spoiler-header" onclick="spoiler(this);">{TEXT1}&nbsp;
	</div><div class="spoiler-body">{TEXT2}</div></div>

Стиль:

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

/* Spoiler */
.spoiler {
	margin: 8px auto;
	border: 1px solid #C3CBD1;
	background: #E9E9E6;
	-moz-border-radius: 5px;
	border-left-width: 2px;
}
.spoiler-header {
	height: 19px;
	overflow: hidden;
	padding: 0 20px;
	background: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 2em;
	cursor: pointer;
}

.spoiler-body {
	display: none;
	padding: 6px;
	border-top: 1px solid #C3CBD1;
}
.spoiler.open .spoiler-header {background: #ffffff;}
.spoiler.open .spoiler-body {display: block;}

Скрипт:

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

function spoiler(button) {
	var s = button.parentNode;
	if (s.className.indexOf('open') >= 0)
		s.className = 'spoiler';
	else
		s.className += ' open';
}

Почему новые спойлеры не работают?(

[LORDNEVR]

Приветствую.
А есть ббкод выравнивания текста три в одном?
центр, левый край, правый.

[Sheer]

Есть кондиционер и шампунь в одном флаконе. Advanced BBCode Box 3.1

[Питер]

Вопрос такой
Есть ббкод cut

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

<dl class="mone"><dt>{TEXT2}   <a href="javascript&#058; void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'свернуть'; } else { spoiler.style.display = 'none'; this.innerHTML = 'читать дальше'; };">читать дальше</a></dt><dd style="display: none;">{TEXT1}</dd></dl>

Как сделать так, что бы "читать дальше" не переходило на новую строку?

[doremyka]

Попробовала вставить в шаблон bbcode.html простенький бб-код (зачёркивание), но в форме ответа иконка не появилась. Думала таким образом переместить часть иконок своих бб-кодов в левую часть.
Выходит, такой номер не пройдёт, список "родных" кодов где-то зашит в ядре?

Я в курсе, что пользовательские коды добавляют в админке, просто интересно поэкспериментировать. )

[rxu]

Я в курсе, что пользовательские коды добавляют в админке, просто интересно поэкспериментировать. )

Данная тема предназначена для вопросов стандартного добавления BBCode.

[Татьяна5]

doremyka, загляните в posting_buttons.html (ббкод всё равно через админку при этом должен быть добавлен, для простых ббкодов велосипед изобретать не надо)

[angst66]

Имеется старый добрый спойлер
[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 = ''; [censor] = 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 = [censor]; }">
      <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: #fafafa; border-top: 1px solid #C3CBD1; padding: 6px">
      {TEXT2}
   </div>
</div>

После установки расширения [3.1][3.2][beta] Tosrus - слайдер картинок когда кликаешь на плюсик спойлера вместо открытия подключается слайдер. Попробовал вставить вместо картинок иконки с Font Awesome <i class="fa fa-plus-square-o" aria-hidden="true"></i> и <i class="fa fa-minus-square-o" aria-hidden="true"></i>, ума не дал.
, ума не дал.