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

[alcash]

Подскажите, пожалуйста, почему в ГуглоХроме некорректно работает спойлер:

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

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><input class="button button-blue" type="button" value="+   Показать" style="text-align:center;width:100px;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="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

Кнопка показать, после открытия спойлера, не меняется на кнопку скрыть, в остальных браузерах все ОК.

Добавлено спустя 3 минуты 2 секунды:
Кстати, в мобильном браузере Андроида тоже, что-то Гугль накосячил.

http://forum.alconar.ru/viewtopic.php?f ... 788#p20865

[c61]

alcash, так оно и есть, из-за innerText. Лечится так:

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

     if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; }

Добавлено спустя 1 минуту 32 секунды:
Надо везде заменить this.innerText = ''; на вышеприведенный код.

[alcash]

А куда/вместо чего это вставить? Можешь полный код выложить.

[c61]

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

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><input class="button button-blue" type="button" value="+   Показать" style="text-align:center;width:100px;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 = '';      if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; } this.value = '-      Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; } this.value = '+   Показать'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

[alcash]

Спасибо! Здесь почему-то кнопки "поблагодарить" нет.

[c61]

Пожалуйста. Здесь ещё и редактирования постов нет. Зря. Неплохо бы поправить...

[CasperSoft]

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

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

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

[spoiler]{TEXT}[/spoiler]

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

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

[offtopic]{TEXT}[/offtopic]

HTML:

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

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

Нет это выглядит не также а вообше цветной тескст с фоновым цветом

spoiler.JPG

[Алсидес]

а вообше цветной тескст с фоновым цветом

Чтобы изменить цвет надо править тут(выделил жирным и курсивом) :
<span style="background:#000000">{TEXT}</span>

А может это вас устраивает(тоже спойлер) :
ббкод

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

[spoiler]{TEXT}[/spoiler]

HTML:

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

<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>

Чтобы название было " Не по теме( флуд)" Находим слово "Скрытый текст" в HTML меняем на "Не по теме( флуд)"

[CasperSoft]

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

[angst66]

CasperSoft
Есть ссылка сообщение с таким кодом?

[Алсидес]

...простите...

Не надо просить прощение, видь мы здесь,чтобы помочь друг другу)
CasperSoft
Вот это не " показывается и скрывется" , а только "показывается". И цвет изменил на белый( если захотите, напишите в личку, заменю на какой угодно) :
ббкод:

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

[trip]{TEXT}[/trip]

HTML:

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

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

[CasperSoft]

вот ссылка на текстовое сообше где видно http://breederclubs.org/viewtopic.php?f=8&t=3

[angst66]

CasperSoft
Открываем forms.css, вставляем в конце

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

.OffTopicTitle {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #DBDBDB;
    border-radius: 16px 16px 16px 16px;
    color: #2277DD;
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    left: 10px;
    line-height: 18px;
    padding: 1px 10px 0;
    position: absolute;
    top: -12px;
}
.OffTopic {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #DBDBDB;
    border-radius: 12px 12px 12px 12px;
    font-size: 0.9em;
    font-weight: normal;
    margin: 1em 1px 0 25px;
    padding: 15px 5px 5px;
    position: relative;
}
.OffTopicText {
    color: #333333;
    padding: 5px 10px;
}

Создаем в админке bb code
[off]{TEXT}[/off]
Замена HTML

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

<div class="OffTopic"><div class="OffTopicTitle">Off Topic</div><div class="OffTopicText">{TEXT}</div></div>

Подсказка
Выделение оффтопика
В админке, стилях обновляем темы, обновляем кэш браузера.

Добавлено спустя 1 минуту 3 секунды:
Создаем код

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

[off]{TEXT}[/off]

[CasperSoft]

angst66 Спасибо огромное это то что надо. Ааа теперь я понял как выдирать ВВ коды из ABBC3 и переделывать их, еще раз спасибо.

[dndn]

Такой вот вопрос по использованию лексемы {TEXT} в тэгах HTML.
В описании данной лексемы буквально сказано:
"Любой текст, включая символы любого языка, числа и так далее. Не следует применять эту лексему в тегах HTML. Вместо этого используйте лексемы IDENTIFIER, INTTEXT или SIMPLETEXT."
Понятно что из соображений безопасности. В данном контексте интересует мнение, если я к примеру использую данную лексему исключительно для задания аттрибута "style" в тэгах:

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

<table style="{TEXT1}">{TEXT2}</table>
<tr style="{TEXT1}">{TEXT2}</tr>
<td style="{TEXT1}">{TEXT2}</td>

то можно ли сказать, что данное применение безопасно?
Если нет, то приведите пример "опасного" стиля.