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

[Пчелкин]

После установки мода Advanced MSSTI ABBC3, если в сообщение картинки вставить в тегах [ img][ /img], то просмотровщик картинок Highslide от мода Advanced MSSTI ABBC3 предоставляет возможность просмотра всех картинок в сообщении в виде слайд шоу.Но для этого надо нажать на кнопку просмотра картиники и затем нажать кнопку "слайд-шоу", что - лишние телодвижения. Хотя не критично.

Но...все картинки и так видны в сообщении, и при этом сообщение довольно длинное в высоту и неудобно прокручивать его сверху вниз.

Мысль . а можно как-то именно для размещения нескольких картинок для просмотра в режиме слайд шоу в сообщении спрятать все картинки от просмотра в простом варианте, а что б отображалась только первая картинка с надписью СЛАЙ-шоу...и при нажатии на нее открывалось и автоматом запускалось слайд - шоу?

Р.С. все темы о слайд-шоу для фотогалей просмотрел..Нужного не нашел...так как фотогалерея не стоит...

Получается нужен хитрый спойлер, который закрыл бы вообще от просмотра в сообщении все картинки кроме первой, но просмотровщик Highslide показывал их в режиме слайд шоу, верней так- первую картинку не облаживаем спойлером, но при ее просмотре в Highslide просмотровщик видел и закрытые спойлером картинки.

[Пчелкин]

Перепробовал все, что нашел и здесь и у немцев. Не просматривает просмотровщик Highslide снимки закрытые спойлером. Поэтому при увеличении показывает только первую картинку, не спрятанную спойлером. Вот загвоздка.
Про автоматом запускающее слайд шоу - решение нашел...Но запускается слайд шоу, если в сообщении несколько снимков ничем не закрытые. А надо что б остальные снимки не видно было...
Ну подскажите, куда копать...

[MAzZY]

Вот не знаю, как это здесь реализовано, но вообще, чтобы можно было просматривать несколько фоток, они должны быть в одной галерее. Видимо, спойлер это дело разрывает.

[Nekstati]

Пчёлкин, я вам уже писала, что нормальный Highslide с нормальным спойлером (т. е. простым, не использующим какие-либо выкрутасы типа подгрузки при открытии и т. п.) дают прекрасное слайдшоу. Выбросьте вы уже этот Advanced MSSTI ABBC3.

Пример такого спойлера:

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

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

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

<div style="margin: 5px">
	<div style="background-color: #E9E9E6; border: 1px solid #C3CBD1">
		<input style="margin: 3px; padding: 0; border: 1px solid #999999; background-color: #FAFAFA; font-weight: bold; font-size: 0.8em" type="button" value="+" 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 = '+'; }" />
		<span style="display: inline-block; font-weight: bold; font-size: 0.9em; padding: 2px 0 0"> {TEXT1}</span>
	</div>
	<div>
		<div style="display: none; background-color: #F5F5F5; border: 1px solid #C3CBD1; border-top: none; padding: 5px">
			{TEXT2}
		</div>
	</div>
</div>

Показываются все фотки, имеющие атрибут onclick="return hs.expand(this)", начиная с выбранной и до конца страницы. Как спрятанные под спойлер, так и открытые.

[Пчелкин]

Nekstati Полез творить...

Выбросьте вы уже этот Advanced MSSTI ABBC3.

Не могу..шибко много уже материала выложено с помощью его тегов и кодов..Наоборот упорно обновляюсь до версии 3.0.8.
Спасибо.

Добавлено спустя 2 часа 55 минут 26 секунд:
Все, чего добился за сегодняшниц день, это заставил Highslide в сообщениях подхватывать все без исключения картинки на себя. Сейчас просмотровщик от DDCоде не работает. Все картинки на форуме кликом увеличиваются или приближаются Highslide. При этом Highslide видит абсолютно все картинки , спрятанные любым Спойлером.
Но...а где у него как в просмотровщике от BBBCode стрелки - следующая, предыдущая и слайд шоу? У меня их оказывается нет. Просто чистое окно просмотра. Можно лишь листать в приближенном окне клавиатурой слующий,предыдущий ..и все...крыша едет уже...
Для подхвата просмотровщиком Highslide картинок . выложенных не только в тегах [ hsimg]картинка[ /hsimg], но и обрамленные просто так [ img]картинка[ /img]
в includes/bbcode.php строку (может немного отличаться)

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

'img'           => '<a class="highslide" href="$1" onclick="return hs.expand(this)"><img src="$1" style="max-height:640px;" alt="' . $user->lang['IMAGE'] . '" /></a>,

меняем на

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

'img'           => '<a class="highslide" href="$1" onclick="return hs.expand(this)"><img src="$1" style="max-height:210px;" alt="' . $user->lang['IMAGE'] . '" /></a><div id="controlbar" class="highslide-overlay controlbar"><a href="#" class="previous" onclick="return hs.previous(this)" title="Previous"></a><a href="#" class="next" onclick="return hs.next(this)" title="Next"></a><a href="#" class="highslide-move" onclick="return false" title="Move"></a><a href="#" class="close" onclick="return hs.close(this)" title="Close"></a></div>',

И забываем о противном просмотровщике от BBCode BOX 3...
А вот как теперь слад шоу наладить?

[Nekstati]

а где у него как в просмотровщике от BBBCode стрелки - следующая, предыдущая и слайд шоу?

Это зависит от его настроек. Где-то в <head>, после ссылки на подключение Highslide-скрипта, у вас должен быть примерно такой конфигурационный код:

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

	<script type="text/javascript">
		hs.graphicsDir = '../highslide/graphics/';
		hs.align = 'center';
		hs.transitions = ['expand', 'crossfade'];
		hs.fadeInOut = true;
		hs.dimmingOpacity = 0.8;
		hs.outlineType = 'rounded-white';
		hs.captionEval = 'this.thumb.title';
		// This value needs to be set to false, to solve the issue with the highly increasing view counts.
		hs.continuePreloading = false;

		// Add the slideshow providing the controlbar and the thumbstrip
		hs.addSlideshow({
			interval: 5000,
			repeat: false,
			useControls: true,
			fixedControls: 'fit',
			overlayOptions: {
				opacity: .75,
				position: 'top center',
				hideOnMouseOut: true
			}
		});
	</script>

[Пчелкин]

Странно,но именно такого расклада для скрипта под Highslide ни разу не встречал.
Nekstati откуда? Ставил ведь несколько вариантов Highslide - не было такого скрипта.
Даже у немцев прочитав тему на 56 страниц такого не видел...Где вы все это берете?

Добавлено спустя 50 минут 12 секунд:
Что же это с дистрибутивом Highslide версии 4.1.8 такой плохонький скрипт выложен?
Собрать что ль дистрибутив просмотровщика Highslide со всеми вариантами?

Добавлено спустя 2 минуты 20 секунд:
Nekstati
Ну подскажите где включить автопросмотр в режиме слайд шоу? То есть кнопка пуск была все время в автозапуске...
В bbcode.html ?

Добавлено спустя 18 минут 47 секунд:
Вычитал что в highslide.js , но как?

[Nekstati]

Пчёлкин, этот конфиг из phpBB Gallery.

Автозапуск слайдшоу можно сделать двумя способами. Первый — глобальный: добавить в конфиг строчку hs.autoplay = true;. Второй — локальный: берём стандартную Highslide-ссылку

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

<a onclick="return hs.expand(this)" class="highslide">

и добавляем в неё параметр autoplay:

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

<a onclick="hs.autoplay = true; return hs.expand(this)" class="highslide">

[Пчелкин]

<a onclick="return hs.expand(this)" class="highslide">

Это тоже наверное от галереи..
У меня в Админке вбито

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

<div class="highslide-gallery">
<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" alt="" title="Первое нажатие-увеличение, второе-уменьшение" style="max-width:640px; max-height:640px;" /></a><div class="highslide-heading"></div>
</div>

от мода.
растерялся...
прям это место менять? - class="highslide" onclick="return hs.expand(this)"><

[Nekstati]

Ну да. onclick="return hs.expand(this)" → onclick="hs.autoplay = true; return hs.expand(this)"

[mEx]

Подскажите, где взять такой код - выравнивание по левому/правому краю...
Я так понимаю, что там не обычное выравнивание, а продвинутое, тоесть если выравнивать вправо от картинки, то текст встанет по всей длине картинки, а не только начиная с ее конца.

[MAzZY]

Спойлер, 100% работающий с русским языком

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

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

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

<div style="margin: 5px">
   <div style="background-color: #E9E9E6; border: 1px solid #C3CBD1">
      <input style="margin: 3px; padding: 0; border: 1px solid #999999; background-color: #FAFAFA; font-weight: bold; font-size: 0.8em" type="button" value="+" 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 = '+'; }" />
      <span style="display: inline-block; font-weight: bold; font-size: 0.9em; padding: 2px 0 0"> {TEXT1}</span>
   </div>
   <div>
      <div style="display: none; background-color: #F5F5F5; border: 1px solid #C3CBD1; border-top: none; padding: 5px">
         {TEXT2}
      </div>
   </div>
</div>

[Marin]

Подскажите пожалуйста,как в стиле RedSilver в окне ответа вместо панели цветов вправа сделать BBCode "Цвет шрифта".Спасибо!

[Amator]

Видел здесь сообщение с вопросом как изменить название ББ кода на удобоваримое, но ссылка на решение кажись умерла. Может кто то подскажет? Буду благодарен, а то не удобно как то пользоватся да и смотрится не очень понятно в некоторых случаях.

[Палыч]

Amator
А что, собственно, не нравится? Удобоваримее некуда...