Всё о BBCode

всё, что связано с работой сайта и форума

Сообщение Всё о BBCode
» 09 июл 2014, 12:45

BBCode

Что это такое, и с чем его едят.

Я думаю, многие замечали над полем для отправки сообщений множество кнопочек с буковками. И не всем понятно что это такое, и зачем они нужны…
Изображение
Ползая по форуму я замечал, что далеко не все теги (тэги- это то, что появляется после нажатия на одну из серых кнопочек) вообще используются, и даже опытные пользователи иногда не знают, как ими пользоваться.
И вот, собрав информацию и разобравшись, я поведаю вам, обо всех этих таинственных кнопочках.
Для начала расскажу о четырёх первых кнопках, на которых написано по одной буковке (буквы B, I, u, s). Они позволяют красиво оформить текст. Для того, чтобы использовать их нужно всего лишь выделить нужную часть текста и нажать на нужную вам. Теперь поподробнее про каждый.
Кнопочка с буквой B позволяет сделать текст жирным
Кнопочка с буквой i позволяет сделать текст наклонным
Кнопочка с буквой u позволяет сделать текст подчёркнутым
Кнопочка с буквой s позволяет сделать текст зачёркнутым
Теперь расскажу про такой интересный тег, как quote (цитата). Этот тег сам по себе ,если его использовать, как четыре предыдущих, то он обведет выделенный текст в рамочку.
Пример:
Мама мыла раму

Что я написал в окошке ответа:
Код: Выделить всё
 [quote]Мама мыла раму [/quote]

А если в «начинающем» теге добавить «=» и в кавычках ник того, кого цитируем, то получится вот такая красивая рамочка:
endermAH писал(а):Мама мыла раму

Что я написал в окошке ответа:
Код: Выделить всё
 [quote="endermAH"]Мама мыла раму[/quote]

Такая вот цитата…
Едем дальше, теперь рассмотрим тег code. Здесь всё просто: копируем код откуда-нибудь, выделяем его и клацаем по кнопке с названием тега. Получили вот такую рамочку и красивое форматирование текста внутри(да-да, именно этот тег я использовал, когда объяснял цитату).
Код: Выделить всё
<?php
echo 'Мама мыла раму';
?>

Итак, списки. Маркированный (List) и Нумерованный(List=).
Для того, чтобы создать маркированный список (с точечками) нужно выделить сначала весь текст, в котором требуется нумерация, затем, выделив каждый пункт нажать на кнопочку с такими символами: [*]
Получится что-то вроде этого:
  • Мама
  • Мыла
  • Раму
Что я написал в окошке ответа:
Код: Выделить всё
[list][*]Мама[/*][*]Мыла[/*][*]Раму[/*][/list]

А теперь нумированный.
Для того, чтобы его создать, нужно лишь чуть-чуть изменить наш маркированный: после первого list= добавить 1. Получим:
  1. Мама
  2. Мыла
  3. Раму
Что я написал в окошке ответа:
Код: Выделить всё
[list=1][*]Мама[/*][*]Мыла[/*][*]Раму[/*][/list]

Так-же попробуйде вместо единички поставить другие числа wink::
Ну, с img всё понятно: копируем ссылку на изображение в окошко ответа, выделяем её и нажимаем на кнопочку.
загружать картинки лучше сюда http://c2community.ru/imagehosting
затем копируем ссылку на картинку. пример
Код: Выделить всё
http://c2community.ru/imagehosting/images/2017/Sep/27/2017092715.jpg

вставляем в тэг
Код: Выделить всё
[img]http://c2community.ru/imagehosting/images/2017/Sep/27/2017092715.jpg[/img]

получаем
Изображение
C URL посложнее, но не сильно. Между тегами и ставим текст, а после «=» в первом теге ссылку на нужное место:
Правила форума
Что я написал в окошке ответа:
Код: Выделить всё
 [url=http://c2community.ru/forum/viewtopic.php?f=2&t=5]Правила форума[/url]

Уххх, половина есть… Теперь, дабы сделать текст цветным, нам нужно выделить тот текст, нажать на кнопочку «цвет» и выбрать нужный, из появившихся сверху!
Мама мыла раму
Кнопка center работает так же, как и первые 4 кнопки.
Она выравнивает по центру

Теперь очень интересный тег, которого я ни разу не видел использованным на нашем форуме. hrc= - этот тег добавляет настраиваемую линию-разделитель. Итак пробуем: тыкаем на кнопку “hrc=” Между тегами пишем ширину (я напише 5) , а после «=» напишу red (если вы напишите #FF0000 ничего не изменется) и получу в результате вот это:


Что я написал в окошке ответа:
Код: Выделить всё
 [hrc=#FF0000]5[/hrc]

Про тег iframe написано вот тут: как выложить игру C2 на форум
Теги left и right аналогичны тегу center, только выравнивают по левому и правому края соответственно.
Тег spoiler позволяет спрятать под «спойлер» какой либо текст. После равно нужно писать «заглавие» для спойлера (то, что будет видно). Смотрим пример:
 Скороговорка про маму
Мама мыла раму

Что я написал в окошке ответа:
Код: Выделить всё
 [spoiler=Скороговорка про маму]Мама мыла раму[/spoiler]

Ну и ну и наконец: youtube. Он нужен , чтобы добавить ролик с ютуба в сообщение. Я буду добавлять вот это видео: http://www.youtube.com/watch?v=Z0-RWcV5qRY
Итак, начнём: тыкаем по кнопке youtube. Теперь между тегами пихаем ту часть ссылки, что после знака «=». (у меня это Z0-RWcV5qRY). Получаем:

Что я написал в окошке ответа:
Код: Выделить всё
 [youtube]Z0-RWcV5qRY[/youtube]


Большое спасибо за внимание, надеюсь, что вы узнали что-нибудь новенькое для себя.
Похоть Петербурга
Аватара пользователя

Модератор
Сообщений: 2252
Я тут с 11 окт 2013
Откуда: Санкт-Петербург
Двиг: С2
Лицензия: Pirate
VK: night_silent
Репутация 236 [ ? ]

Сообщение Всё о BBCode
» 19 июл 2015, 19:54

endermAH писал(а):Для того, чтобы создать маркированный список (с точечками)

Для это ASCII нужно занть :biggrin:
Аватара пользователя

Участник
Сообщений: 1561
Я тут с 29 апр 2015
Откуда: Краснодар
Двиг: Construct 3
VK: <a></a>
Репутация 61 [ ? ]

Сообщение Всё о BBCode
» 10 сен 2016, 08:34

А как сделать скругленные углы в background'e?
Как, например, здесь: viewtopic.php?f=58&t=7899
Изображение
Аватара пользователя

Участник
Сообщений: 370
Я тут с 09 июн 2015
Откуда: Россия
Двиг: Construct 2
Лицензия: Personal
Репутация 36 [ ? ]

Сообщение Всё о BBCode
» 15 июл 2017, 10:40

helix писал(а):А как сделать скругленные углы в background'e?
Как, например, здесь: viewtopic.php?f=58&t=7899

Используется специальный тег
Код: Выделить всё
[bg4]text[/bg4]
Мои игры:
        Lines 2016
        Bobby Carrot

Мои полезные темы:
        Интеграция шрифтов в Construct 2
        Мой архив примеров и исходников

Мои плагины:
        Comment Layout
        More Cursors
Аватара пользователя

Участник
Сообщений: 213
Я тут с 05 июл 2016
Откуда: Липецк
Двиг: C2, Unity
Лицензия: Pro C2, Unity
VK: vk.com/frezerto
Репутация 37 [ ? ]

Сообщение Всё о BBCode
» 29 сен 2018, 17:49

А как на счёт h1-h6?
 Я...
ЗЕЛЕНОЕ существо
Аватара пользователя

Участник
Сообщений: 9
Я тут с 19 май 2018
Откуда: Уфа, Республика Башкортостан
Двиг: Construct 2,N++
Репутация 0 [ ? ]

Сообщение Всё о BBCode
» 29 сен 2018, 17:59

И еще создание таблиц с их редактированием, типа colspan или bgcolor
 Я...
ЗЕЛЕНОЕ существо
Аватара пользователя

Участник
Сообщений: 9
Я тут с 19 май 2018
Откуда: Уфа, Республика Башкортостан
Двиг: Construct 2,N++
Репутация 0 [ ? ]



Вернуться в Обсуждение сайта и форума

Сейчас эту тему просматривают

Зарегистрированные пользователи: нет зарегистрированных пользователей

Наверх