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

[dndn]

Действительно... Но не срабатывало... Попробую разобраться...

Спасибо

[dndn]

1. Суть проблемы
Многие испытывали трудности при редактировании табличных ББ-кодов. Суть проблемы в том, что если создавать их структурно, с переводами строк, например так:

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

[table]
[tr]
[td]1[/td]
[td]First[/td]
[/tr]
[tr]
[td]2[/td]
[td]Second[/td]
[/tr]
[tr]
[td]3[/td]
[td]Third[/td]
[/tr]
[/table]

то при выводе сообщения таблица съедет вниз на то количество переводов строк, которое вы использовали при ее построении.
Если же поубирать все переводы строк, то в будущем ее трудно будет редактировать - все тэги сольются в одну строку.

2. Решение проблемы
На форуме phpBB видел (ссылку хоть убей, не могу найти - но "мапеднемой" :)) элегантный способ обхода проблемы заключением переводов строк в комментарии.

ББ-код для таблиц
BBCode:

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

[table]{TEXT}[/table]

HTML:

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

<table><!-- {TEXT} --></table>

ББ-код для строк
BBCode:

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

[tr]{TEXT}[/tr]

HTML:

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

tr --><tr}><!-- {TEXT} --></tr><!-- tr

ББ-код для ячеек
BBCode:

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

[td]{TEXT}[/td]

HTML:

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

td --><td>{TEXT}</td><!-- td

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

3. "Тот, кто нам мешает - тот нам поможет!" (с)
А можно ли не заморачиваясь подобными извращениями, сделать таблицу проще и читабельнее?
- Еще как можно! Я во всяком случае поступаю так, упрощая себе работу с таблицами Ворда. В таблице ниже всего одна строка, в которой для каждой ячейки через переводы строк перечисляются все элементы колонки:

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

[table]
[tr]
[td]1
2
3[/td]
[td]First
Second
Third[/td]
[/tr]
[/table]

Не правда ли, такая таблица не только никуда не уедет, но и имеет меньше кода и всегда останется читабельной!

[c61]

Вот генератор таблиц:

bbtab_v_2_0_1.zip

Генератор таблиц phpBB v.2.0.1

(2.49 КБ) 287 скачиваний

И никаких мучений... Полагаю, про copy/paste не надо рассказывать. Ставите на свой сервер, даёте ссылку пользователям и наслаждаетесь. Мои "таблицелюбители" и "таблицепрофессионалы" уже давно счастливы)

ББ-коды:

• tab вместо table, замените в коде, если надо
• tr
• th
• td

Объединения ячеек colspan и rawspan не поддерживаются (для них обычно делают tdc и tdr). Если кому-то очень-очень надо, добавлю, но не скоро)

[dndn]

Хорошая работа, респект! Кому-то может здорово пригодиться.

Те таблицы, которые мне нужно выкладывать на форум, генерятся из БД в Access чередованием ББ-кодов и результатов запросов к базе, а результирующая строка копируется в буфер обмена, остается только вставить в нужное место форума.

[angst66]

Появилась идея сделать код, в котором строка в полупрозрачном виде, а при наведении проявляется. Можно использовать как оффтоп для текста или изображений. Создал класс transparency в css

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

.transparency a {
    opacity: 0.3;
}
.transparency a:hover {
    opacity: 1;
}

Подключил в шаблоне, обернул счетчик <div class="transparency"></div>
Все работает. Начал создавать пользовательский bb code:
[transparency]{TEXT}[/transparency]
Замена HTML:
<span class="transparency;">{TEXT}</span>
Не работает. Что делаю не так?

[Татьяна5]

ББкод тестировался на ссылках? Если нет, то более подходит такой код:

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

.transparency {
    opacity: 0.3;
}
.transparency:hover {
    opacity: 1;
}

class="transparency;" - и лишняя точка с запятой в классе, class="transparency"

[angst66]

Супер, я его пожалуй как код оффтопа сделаю.

Добавлено спустя 12 минут 14 секунд:
Очень необычно, все коды работают внутри этого. code, icode, img...

Добавлено спустя 40 минут 19 секунд:
Неприятный баг, появляется скролл в окне сообщения. Добавление в css overflow и разные значения его проблемы не решило.

Добавлено спустя 21 минуту 38 секунд:

ББкод тестировался на ссылках?

Ссылки работают только обернутыми url.

Добавлено спустя 42 минуты 13 секунд:
И в опере не работает.

[Татьяна5]

htmlbook.ru opacity - в опере с 9-й версии работает

[13v]

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

[Татьяна5]

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

[CasperSoft]

Подскажите пожалуйста в ABBC3 BBCode есть такой ббкод [offtopic] который показывает облако с заголовком Сообщение не в тему (флуд) как сделать точно такоеже облако только не белое а светлозеленое и вместо Сообщение не в тему (флуд) Было написано Трип и тег соответственно [trip][/trip] если зайти в настройки этого кода в админке то там нет Замена HTML, по ходу этот код зашит в php код ABBC3 BBCode

[Алсидес]

Подскажите пожалуйста в ABBC3 BBCode есть такой ббкод [offtopic]

Может вы путаете со спойлером, потому что в некоторых форумах спойлера называют offtopic/offtop. Если я прав то вот оно:
BBCode:

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

[spoiler]{TEXT}[/spoiler]

вместо этого -

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

[offtopic]{TEXT}[/offtopic]

HTML:

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

<span style="background:#000000">{TEXT}</span>

[13v]

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>

[CasperSoft]

Алсидес Не не путаю. Вот так он выглядит

flud.JPG (5.43 КБ) 3 просмотра

[Алсидес]

Спойлер тоже так выглядит.