[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.х)

[Sirzellek]

Здравствуйте.
Не знаю где создавать подобные темы: Если что извините.
Вопрос такой.
Заливаю видео с ютуба и получается вот такой результат.

a51f0ea4f668.png

Можно ли как то вставить чтобы был такой результат?

e4f22644a701.jpg

[Alecto]

конечно можно если включить мозг, или как минимум - воспользоваться поиском по теме и заставить себя прочесть пару строк.

[MIT]

если включить мозг

Даже это не обязательно. Достаточно разуть глаза и посмотреть на верх страницы.

[Sirzellek]

на счёт тега Youtube посоветую ставить следющий код, так как другие коды могут не показывать в звисимости от того, ссылка с www или без него
BBCode:

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

[youtube]{TEXT}watch?v={TEXT1}[/youtube]

HTML:

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

<object width="425" height="350"><param name="movie" value="{TEXT}v/{TEXT1}"></param><param name="wmode" value="transparent"></param><embed src="{TEXT}v/{TEXT1}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Добавил в Codes эти коды.

be36b0d95131.png

появились такие теги в сообщении [youtube][/youtube]

Вставляю ссылку и получается вот это.

8113eb40cdad.png

Почему так?

[Djeday]

Sirzellek, ставь этот и не парься: phpBB [video] — универсальный видео-bbcode (без правок кода)

[Sirzellek]

Djeday Спасибо выручили.

[Vitaliy21]

Здравствуйте, подскажите, есть такой код спойлера:

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

<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"><b>Скрытый текст</b>: <input type="button" value="Показать" style="width:60px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Спрятать'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }" /> </div> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> {TEXT}</div> </div> </div>

при открытии текста под спойлером: есть маленькие неудобства - при большом окне, для закрытия, надо вернуться вверх что-бы его закрыть\свернуть.

Подскажите, как реализовать чтобы в нижней правой части была кнопочка [свернуть]? (как на рутрекере)

[Пчелкин]

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

[spoil_bigtext={TEXT1}]{TEXT2}[/spoil_bigtext]

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

<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=" />
		После открытия спейлера в самом низу закрытой информации останется дополнительная кнопочка для его закрытия 
	</div>
	<div style="display: none; background: #CCCCCC; border-top: 1px solid #C3CBD1; padding: 6px">
		{TEXT2}
	</div>
    <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=" />
        Дополнительная кнопочка для закрытия спойлера снизу после просмотра всей закрытой спойлером информации
	</div>
</div>

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

[spoil_bigtext]Тег используется для скрытия под спойлер только громадных текстов в сообщениях.[/spoil_bigtext]

Текст - не панацея

[Vitaliy21]

спасибо, а не подскажите как сделать чтоб кнопочка закрытия была внутри спойлера?

[Татьяна5]

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

<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]; hidn2 = this.parentNode.getElementsByTagName('div')[2]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; hidn2.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'; hidn2.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: #CCCCCC; border-top: 1px solid #C3CBD1; padding: 6px">
		{TEXT2}
	</div>
    <div style="display: none; background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn.style.display = 'none'; hidn2.style.display = 'none'; btn.src = [censor];">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==" />
        Закрыть
	</div>
</div>

[nata-lee]

Добрый день,

Не подскажете ли, можно ли сделать шорткод спойлера вида :

Скрытый текст

{TEXT}

везде нахожу только примеры

{TEXT1} 

{TEXT}

, которые отлично работают.

зачем это нужно? Для интеграции с wordpress, где спойлеры имею вид именно

Скрытый текст

{TEXT}

, нужно единообразие синтаксиса шорткодов, иначе интеграция работает неправильно. Дотянуть wordpress до

{TEXT1} 

{TEXT}

что-то кажется слишком затруднительным, надеюсь здесь получить ответ по phpbb.

[MagmaMan]

Как отсортировать кнопки из стандартной панели бб кодов в phpbb 3. Так что бы было b/u/i/s, потом left/right/center, а не все в кучу. Хотелось бы эту кучу рассортировать не с помощью мода, а руками.

ББ коды добавил через редактор в админке. Из модов стоит улучшенная версия стокового быстрого ответа.

Как сейчас, и как хочу пересортировать:

10.png

[Пчелкин]

Бери файл bbcode.html и твори в нем что хочешь...

Добавлено спустя 6 минут 3 секунды:
Упс...сразу не заметил....а у вас есть еще и самопально добавленные коды...значит в помощь это - https://www.phpbb.com/customise/db/mod/ ... e_sorting/

[Татьяна5]

Для пользовательских bbcode - Custom BBCode Sorting
Для стандартных - [FAQ] Пользовательские BBCode
Чтобы вставить пользовательские между стандартными - [FAQ] Пользовательские BBCode (по аналогии)

[MagmaMan]

Это который в /styles/prosilver/template лежит? Так у меня там только стандартные варианты, а кастомных нету. Ага, увидел новый пост, сейчас посмотрю

Добавлено спустя 30 минут 23 секунды:
Ну вот пример для кнопки

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

<input type="button" class="button2" accesskey="s" name="addbbcode_s" value=" s " style="text-decoration: line-through; width: 30px" onclick="bbfontstyle('[s]','[/s]')" title="Зачеркнутый текст" />

вставляю его после

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

<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />

Но в форме ответов (быстрого и полного), кнопка не появляется.

Добавлено спустя 1 минуту 28 секунд:
Нужен ли мне "Custom BBCode Sorting", если я кастомные коды вручную буду добавлять через файл posting_buttons.html?