Довідник BBCode

Вступ

Що таке BBCode?
BBCode є спеціальною реалізацією HTML. Чи можете ви фактично використовувати BBCode у своїх повідомленнях на форумі, визначається адміністратором. Крім того, ви можете вимкнути BBCode для кожного повідомлення окремо через форму публікації. Сам BBCode має стиль, подібний до HTML, теги укладені в квадратні дужки [ і ] замість < і > і він пропонує більший контроль над тим, що і як щось відображається. Залежно від використовуваного шаблону, ви можете виявити, що додавання BBCode до ваших повідомлень стає набагато простішим за допомогою клікабельного інтерфейсу над областю повідомлень у формі публікації. Навіть з цим ви можете знайти цей посібник корисним.
Наверх

Форматування тексту

Як створити жирний, курсивний та підкреслений текст
BBCode включає теги, які дозволяють швидко змінювати базовий стиль вашого тексту. Це досягається наступними способами:
  • Щоб зробити текст жирним, укладіть його в теги [b][/b], наприклад:

    [b]Привіт[/b]

    стає Привіт
  • Для підкреслення використовуйте [u][/u], наприклад:

    [u]Доброго ранку[/u]

    стає Доброго ранку
  • Щоб накреслити текст курсивом, використовуйте [i][/i], наприклад:

    Це [i]Чудово![/i]

    дасть Це Чудово!
Наверх
Як змінити колір або розмір тексту
Щоб змінити колір або розмір тексту, можна використовувати наступні теги. Майте на увазі, що те, як виглядає результат, залежатиме від браузера та системи переглядача:
  • Зміна кольору тексту досягається за допомогою тегів [color=][/color]. Ви можете вказати або загальновідоме ім'я кольору (наприклад, червоний, синій, жовтий тощо) або шістнадцятковий триплет, наприклад, #FFFFFF, #000000. Наприклад, щоб створити червоний текст, ви можете використати:

    [color=red]Привіт![/color]

    або

    [color=#FF0000]Привіт![/color]

    Обидва варіанти виведуть Привіт!
  • Зміна розміру тексту досягається подібним чином за допомогою тегів [size=][/size]. Цей тег залежить від шаблону, який обрав користувач, але рекомендований формат - числове значення, що представляє розмір тексту у відсотках, починаючи від 20 (дуже малий) до 200 (дуже великий) за замовчуванням. Наприклад:

    [size=30]МАЛИЙ[/size]

    зазвичай буде МАЛИЙ

    тоді як:

    [size=200]ВЕЛИКИЙ![/size]

    буде ВЕЛИКИЙ!
Наверх
Чи можу я комбінувати теги форматування?
Так, звісно, ви можете це зробити, наприклад, щоб привернути чиюсь увагу, ви можете написати:

[size=200][color=red][b]ПОДИВІТЬСЯ НА МЕНЕ![/b][/color][/size]

це виведе ПОДИВІТЬСЯ НА МЕНЕ!

Проте ми не рекомендуємо виводити багато тексту, який виглядає саме так! Пам'ятайте, що саме ви, автор повідомлення, повинні переконатися, що теги закриті правильно. Наприклад, наступне є неправильним:

[b][u]Це неправильно[/b][/u]
Наверх

Цитування та виведення тексту фіксованою шириною

Цитування тексту у відповідях
Існує два способи цитування тексту: з посиланням або без.
  • При використанні функції "Цитувати" для відповіді на повідомлення на форумі ви помітите, що текст повідомлення додається до вікна повідомлення, укладений у блок [quote=""][/quote]. Цей метод дозволяє цитувати з посиланням на автора або будь-що інше! Наприклад, щоб процитувати текст, написаний паном Блоббі, ви б ввели:

    [quote="пан Блоббі"]Текст, написаний паном Блоббі, буде тут[/quote]

    Результат автоматично додасть "пан Блоббі написав:" перед фактичним текстом. Пам'ятайте, що ви повинні включити подвійні лапки "" навколо імені, яке ви цитуєте, вони не є необов'язковими.
  • Другий метод дозволяє сліпо цитувати щось. Щоб скористатися ним, укладіть текст у теги [quote][/quote]. При перегляді повідомлення буде просто показано текст у блоці цитування.
Наверх
Виведення коду або даних фіксованої ширини
Якщо ви хочете вивести фрагмент коду або будь-який інший текст, який потребує фіксованої ширини (наприклад, шрифт Courier), вам слід помістити текст у теги [code][/code], наприклад:

[code]echo "Це код";[/code]

Усе форматування, використане в тегах [code][/code], буде збережено при перегляді.
Наверх

Генерація списків

Створення невпорядкованого списку
BBCode підтримує два типи списків: невпорядкований та впорядкований. Вони по суті ідентичні їхнім HTML-аналогам. Невпорядкований список виводить кожен елемент вашого списку послідовно один за одним, відступаючи кожен елемент маркером (зазвичай крапкою). Щоб створити невпорядкований список, використовуйте теги [list][/list] та визначте кожен елемент у списку за допомогою [*]. Наприклад, щоб перелічити ваші улюблені кольори, ви можете використати:

[list]
[*]Червоний
[*]Синій
[*]Жовтий
[/list]

Це створить наступний список:
  • Червоний
  • Синій
  • Жовтий

Альтернативно, ви можете вказати стиль маркера списку за допомогою [list=disc][/list], [list=circle][/list] або [list=square][/list].
Наверх
Створення нумерованого списку
Другий тип списку, нумерований список, дає вам контроль над тим, що виводиться перед кожним елементом. Щоб створити нумерований список, ви використовуєте [list=1][/list] для створення нумерованого списку або альтернативно [list=a][/list] для алфавітного списку. Як і в невпорядкованому списку, елементи вказуються за допомогою [*]. Наприклад:

[list=1]
[*]Піти в магазини
[*]Купити новий комп’ютер
[*]Полаятись на комп’ютер, коли він зависне
[/list]

згенерує наступне:
  1. Піти в магазини
  2. Купити новий комп’ютер
  3. Полаятись на комп’ютер, коли він зависне
Тоді для алфавітного списку ви б використали:

[list=a]
[*]Перша можлива відповідь
[*]Друга можлива відповідь
[*]Третя можлива відповідь
[/list]

даючи
  1. Перша можлива відповідь
  2. Друга можлива відповідь
  3. Третя можлива відповідь

[list=A]
[*]Перша можлива відповідь
[*]Друга можлива відповідь
[*]Третя можлива відповідь
[/list]

даючи
  1. Перша можлива відповідь
  2. Друга можлива відповідь
  3. Третя можлива відповідь

[list=i]
[*]Перша можлива відповідь
[*]Друга можлива відповідь
[*]Третя можлива відповідь
[/list]

даючи
  1. Перша можлива відповідь
  2. Друга можлива відповідь
  3. Третя можлива відповідь

[list=I]
[*]Перша можлива відповідь
[*]Друга можлива відповідь
[*]Третя можлива відповідь
[/list]

даючи
  1. Перша можлива відповідь
  2. Друга можлива відповідь
  3. Третя можлива відповідь
Наверх

Створення посилань

Посилання на інший сайт
phpBB BBCode підтримує кілька способів створення URI (Uniform Resource Indicators), краще відомих як URL.
  • Перший з них використовує тег [url=][/url], все, що ви вводите після знака =, змусить вміст цього тегу діяти як URL. Наприклад, щоб посилатися на phpBB.com, ви можете використовувати:

    [url=https://www.phpbb.com/]Відвідайте phpBB![/url]

    Це згенерує наступне посилання, Відвідайте phpBB! Зверніть увагу, що посилання відкривається в тому ж вікні або в новому вікні, залежно від уподобань браузера користувача.
  • Якщо ви хочете, щоб сам URL відображався як посилання, ви можете зробити це, просто використовуючи:

    [url]https://www.phpbb.com/[/url]

    Це згенерує наступне посилання, https://www.phpbb.com/
  • Крім того, phpBB має так звані Магічні посилання, це перетворить будь-який синтаксично правильний URL на посилання без необхідності вказувати будь-які теги або навіть початковий http://. Наприклад, введення www.phpbb.com у ваше повідомлення автоматично призведе до www.phpbb.com при перегляді повідомлення.
  • Те ж саме стосується і електронних адрес, ви можете або вказати адресу явно, наприклад:

    [email][email protected][/email]

    що виведе [email protected] або ви можете просто ввести [email protected] у своє повідомлення, і воно буде автоматично перетворено при перегляді.
Як і у всіх тегах BBCode, ви можете обгорнути URL навколо будь-яких інших тегів, таких як [img][/img] (див. наступний запис), [b][/b] тощо. Як і у тегах форматування, ви повинні переконатися, що правильний порядок відкриття та закриття дотримується, наприклад:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

є не правильним, що може призвести до видалення вашого повідомлення, тому будьте обережні.
Наверх

Відображення зображень у повідомленнях

Додавання зображення до повідомлення
BBCode phpBB включає тег для включення зображень у ваші повідомлення. Дві дуже важливі речі, які слід пам’ятати при використанні цього тегу: багато користувачів не оцінять велику кількість зображень, що відображаються в повідомленнях, і по-друге, зображення, яке ви відображаєте, має бути вже доступним в Інтернеті (воно не може існувати лише на вашому комп’ютері, наприклад, якщо ви не запускаєте веб-сервер!). Щоб відобразити зображення, ви повинні оточити URL-адресу, що вказує на зображення, тегами [img][/img]. Наприклад:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Як зазначено в розділі URL вище, ви можете обгорнути зображення тегом [url][/url], якщо хочете, наприклад:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

що згенерує:

Наверх
Додавання вкладень до повідомлення
Тепер вкладення можна розміщувати в будь-якій частині повідомлення, використовуючи новий BBCode [attachment=][/attachment], якщо функціональність вкладень була увімкнена адміністратором форуму та якщо вам надано відповідні дозволи на створення вкладень. У формі публікації є випадаючий список (відповідно кнопка) для розміщення вкладень безпосередньо в тексті.
Наверх

Embedding Media

How to embed media from other sites into posts
Users can embed content such as videos and audio from allowed sites using the [media][/media] tags, or from simply posting a supported URL in plain text. For example:

[media]https://youtu.be/QH2-TGUlwu4[/media]

As noted above, the link could also be used without the [media] tags.

The example shown here would generate:



The following sites are supported:
abcnews, amazon, anchor, audioboom, audiomack, bandcamp, bbcnews, bitchute, bleacherreport, brightcove, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, dailymotion, democracynow, dumpert, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, getty, gfycat, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, livestream, mailru, medium, megaphone, metacafe, mixcloud, mlb, mrctv, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, nhl, npr, nytimes, orfium, pastebin, pinterest, podbean, prezi, reddit, rumble, rutube, scribd, sendvid, slideshare, soundcloud, sporcle, sportsnet, spotify, spreaker, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, ted, telegram, theatlantic, theguardian, theonion, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, washingtonpost, wistia, wshh, wsj, xboxclips, xboxdvr, youku, youtube.

For complete documentation on supported sites and example URLs, visit the MediaEmbed Plugin Documentation.
Наверх

Інші питання

Чи можу я додати власні теги?
Якщо ви адміністратор форуму та маєте відповідні дозволи, ви можете додати додаткові BBCode-теги через розділ "Спеціальні BBCode".
Наверх