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

[xisp]

поставил, но как-то странно работает

За поддержкой в тему ббкода.

[t4p2]

Ребята, помогите пожалуйста разобраться с кнопками:

Очень не красивые

[rxu]

Очень не красивые

В данной теме разбираются не с красотой кнопок, а с их функционалом.

[Мусоропровод]

Добавлю код быстрого спойлера. Наиболее подходящего в избранные варианты спойлеров:

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

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

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

<dl class="codebox"><dt>{TEXT2} | <a href="javascript: 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>

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

Применение: [spoiler=Название спойлера]Содержимое спойлера[/spoiler]

Как выглядит:


Жмакается по "плюсу-минусу"

[burorus]

Как делать ссылку в виде текста к примеру эта ссылка http://www.phpbbguru.net/ стала текстом

[Татьяна5]

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

[url=ссылка]текст[/url]

[burorus]

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

[url=ссылка]текст[/url]

А как этот код добавить в ответ как кнопку, что бы не искать его постоянно?

[Татьяна5]

Кнопка url есть

[burorus]

я понял, ручками через кнопочку только = добавлять
Спасибо!

[Вчерашний борщ]

13v
Посмотрите в сторону CSS3 column-count

Огромное вам спасибо, работает! Вот собственно как сделал (мало ли кому ещё понадобится):

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

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

[col]{TEXT}[/col]

Замена HTML

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

<style>
   .book {
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
    column-count: 2;
   }
  </style>
  <div class="book">{TEXT}</div>

Делит пополам. Как сделать ширину колонок по ширине содержимого (максимальная длина строки в колонке + несколько пикселей) ?

[Татьяна5]

Вчерашний борщ

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

display: inline-block;
padding: (сколько надо)px;

[владимир1983]

Замена HTML

Это очень кривое решение. Стили надо вынести в css файл.

[Вчерашний борщ]

Татьяна5, весь смысл легкого пользовательского кода уходит, поскольку изначально задачка:

Доброе утро. Мне хотелось бы добавить в свой форум кнопку, действие которой было бы аналогично действию кнопки, которая в текстовых редакторах пускает выделенный текст в 2 колонки. Пользователь просто выделяет текст и жмёт кнопку - и получает текст идущий в 2 колонки. Без необходимости указывать какие бы то ни было параметры. Пытался своими силами сделать такое из уже представленных в этой теме кодов для создания таблиц, но потерпел неудачу.

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

[владимир1983]

Хоть бы инлайновыми стилями сделал что ли.

[Alecto]

Стили надо вынести в css файл.

в цсс стиль будет подгружаться на всех страницах сайтах, а при таком подходе - только там, где есть ббкод, это более оптимальное решение, но кривое в принципе.
лучше отказаться от определения стилей через тег "стайл" в пользу атрибута "стайл", либо как крайний вариант - через цсс.

сейчас в каждом ббкоде определяется стиль и сколько таких ббкодов будет на странице, столько дублей с определением стиля получится.