BB Code

1. Товстий / Курсив / Підкреслений
   [b], [i], [u]
2. Колір
   [color]
3. Розмір шрифту
   [size]
4. Шрифт
   [font]
5. Виділення
   [highlight]
6. Ліворуч / Право / Центр
   [left], [right], [center]
7. Відступ
   [indent]
8. Посилання е-пошти
   [email]
9. Посилання URL
   [url]
10. Посилання на тему
    [thread]
11. Посилання на допис
    [post]
12. Маркери / Додаткові списки
    [list]
13. Зображення
    [img]
14. Videos
    [video]
15. Код
    [code]
16. Код HTML
    [html]
17. Цитата
    [quote]
18. Stop BB Code Parsing
    [noparse]
19. Долучення
    [attach]
20. blockquote
    [blockquote]
21. Зачеркнуть
    [s]
22. Spoiler
    [Spoiler]
23. Table
    [Table]
24. TD
    [TD]
25. TR
    [TR]

Теги [b], [i] й [u] дозволяють зробити текст товстим, курсивним і підкресленим.

• • [b]Значення[/b]
  • [i]Значення[/i]
  • [u]Значення[/u]
  Використання
• • [b]Цей текст товстий[/b]
  • [i]Цей текст курсивний[/i]
  • [u]Цей текст підкреслений[/u]
  Приклад
• • Цей текст товстий
  • Цей текст курсивний
  • Цей текст підкреслений
  Результат

Тег [color] змінює колір тексту.

• [color=Параметр]Значення[/color]
  Використання
• [color=blue]Цей текст синий[/color]
  Приклад
• Цей текст синий
  Результат

Тег [size] дозволяє змінювати розмір шрифту.

• [size=Параметр]Значення[/size]
  Використання
• [size=+2]Цей текст вдвічі більший за нормальний[/size]
  Приклад
• Цей текст вдвічі більший за нормальний
  Результат

Тег [font] змінює шрифт.

• [font=Параметр]Значення[/font]
  Використання
• [font=courier]Цей текст написаний шрифтом Courier[/font]
  Приклад
• Цей текст написаний шрифтом Courier
  Результат

Теги [left], [right] і [center] вирівнюють текст по лівій чи правій межі, а також по центру.

• • [left]Значення[/left]
  • [center]Значення[/center]
  • [right]Значення[/right]
  Використання
• • [left]Цей текст вирівняний ліворуч[/left]
  • [center]Цей текст вирівняний по центру[/center]
  • [right]Цей текст вирівняний праворуч[/right]
  Приклад
• Цей текст вирівняний ліворуч

  Цей текст вирівняний по центру

  Цей текст вирівняний праворуч
  Результат

Тег [indent] дозволяє зробити відступ.

• [indent]Значення[/indent]
  Використання
• [indent]Цей текст з відступом[/indent]
  Приклад

• Цей текст з відступом

  Результат

Тег [email] дозволяє вставити посилання на адресу е-пошти. Скориставшись додатковим параметром можна зробити посиланням е-пошти будь-який текст.

• • [email]Значення[/email]
  • [email=Параметр]Значення[/email]
  Використання
• • [email][email protected][/email]
  • [[email protected]]Щоб надіслати е-пошту, натисніть тут[/email]
  Приклад
• • [email protected]
  • Щоб надіслати е-пошту, натисніть тут
  Результат

Тег [url] дозволяє вставляти посилання на веб-сторінки чи файли. З додатковими параметрами можна зробити назву посилання.

• • [url]Значення[/url]
  • [url=Параметр]Значення[/url]
  Використання
• • [url]https://forum.gorod.dp.ua[/url]
  • [url=https://forum.gorod.dp.ua]Міські форуми Дніпра / Городские форумы Днепра[/url]
  Приклад
• • https://forum.gorod.dp.ua
  • Міські форуми Дніпра / Городские форумы Днепра
  Результат

Тег [thread] дозволяє зробити посилання на тему використовуючи її ідентифікаційний номер (ID). З додатковими параметрами можна зробити назву посилання.

• • [thread]Номер (ID) теми[/thread]
  • [thread=Номер (ID) теми]Значення[/thread]
  Використання
• • [thread]42918[/thread]
  • [thread=42918]Натисніть тут![/thread]

  (Пам'ятайте: ID теми/допису подано лише для прикладу і цих тем/дописів може насправді і не бути.)
  Приклад
• • https://forum.gorod.dp.ua/showthread.php?t=42918
  • Натисніть тут!
  Результат

Тег [post] дозволяє зробити посилання на конкретний допис використовуючи його ідентифікаційний номер (ID). З додатковими параметрами можна зробити назву посилання.

• • [post]Номер (ID) допису[/post]
  • [post=Номер (ID) допису]Значення[/post]
  Використання
• • [post]269302[/post]
  • [post=269302]Натисніть тут![/post]

  (Пам'ятайте: ID теми/допису подано лише для прикладу і цих тем/дописів може насправді і не бути.)
  Приклад
• • https://forum.gorod.dp.ua/showthread.php?p=269302#post269302
  • Натисніть тут!
  Результат

Тег [list] дозволяє створювати прості і номеровані списки з різними можливостями. у межах значення тега, кожний маркер повинен визначений тегом [*].

• [list]Значення[/list]
  Використання
• [list]
  [*]Приклад 1
  [*]Приклад 2
  [/list]
  Приклад
• • Приклад 1
  • Приклад 2
  Результат

Тег [list] також дозволяє створювати розширені списки з різноманітними варіатами. Для нумерованого списку параметр повинен мати занчення "1". Для алфавітного списку з великими літерами - значення "A", з маленькими літерами - значення "а". Для великих римських цифр - "I", для маленьких - "i".

• [list=Параметр]Значення[/list]
  Використання
• [list=1]
  [*]Приклад 1
  [*]Приклад 2
  [/list]
  
  [list=A]
  [*]Приклад 1
  [*]Приклад 2
  [/list]
  
  [list=a]
  [*]Приклад 1
  [*]Приклад 2
  [/list]
  Приклад
• 1. Приклад 1
  2. Приклад 2

  1. Приклад 1
  2. Приклад 2

  1. Приклад 1
  2. Приклад 2
  Результат

Тег [img] дозволяє вставляти зображення у межах допису. При комбінуванні з тегом [url] зображення можна зробити у вигляді посилань.

• [img]Значення[/img]
  Використання
• • [img]https://forum.gorod.dp.ua/images/statusicon/forum_new-48.png[/img] (Без посилання)
  • [url=http://www.example.com] [img]https://forum.gorod.dp.ua/images/statusicon/forum_new-48.png[/img] [/url] (У вигляді посилання)
  Приклад
• • (Без посилання)
  • (У вигляді посилання)
  Результат

The [video] tag allows you to embed videos from various video services within your posts.

• [video]Значення[/video]
  Використання
• • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
  Приклад
• Результат

Тег [code] призначений для публікації у дописі прикладів різноманітних кодів. За допомогою спецформатування код буде відображатись, але не виконуватись.

• [code]Значення[/code]
  Використання
• [code]
  <script type="text/javascript">
  <!--
      alert("Hello world!");
  //-->
  </script>
  [/code]
  Приклад
• Код:

  <script type="text/javascript">
  <!--
  	alert("Hello world!");
  //-->
  </script>

  Результат

Тег [html] дозволяє виділити у тексті теги форматування HTML.

• [html]Значення[/html]
  Використання
• [html]
  <img src="image.gif" alt="image" />
  <a href="testing.html" target="_blank">Testing</a>
  [/html]
  Приклад
• Код HTML:

  <img src="image.gif" alt="image" />
  <a href="testing.html" target="_blank">Testing</a>

  Результат

Тег [quote] дозволяє цитувати дописи.

• • [quote]Цитата[/quote]
  • [quote=Псевдо]Значення[/quote]
  Використання
• • [quote]Lorem ipsum dolor sit amet[/quote]
  • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
  • [quote=John Doe;38940563]Lorem ipsum dolor sit amet[/quote]
  Приклад
• • Lorem ipsum dolor sit amet
  • Допис від John Doe

    Lorem ipsum dolor sit amet
  • Допис від John Doe

    Lorem ipsum dolor sit amet
  Результат

Тег [highlight] дозволяє виділити текст.

• Використання
  [highlight]Значення[/highlight]
• Приклад
  [highlight]Цей текст виділений[/highlight]
• Результат
  Цей текст виділений

Тег [noparse] дозволяє скасувати розпізнавання ВВ-кодів.

• [noparse][b]Значення[/b][/noparse]
  Використання
• [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
  Приклад
• [b]Lorem ipsum dolor sit amet[/b]
  Результат

Тег [attach] дозволяє відображати долучення у тілі дописів, як внизу. Це показує лише ті долучення, які стосуються відповідного допису.

• [attach]Номер долучення[/attach]
  Використання
• [attach]12345[/attach]
  Приклад
• Результат

• [blockquote]Значення[/blockquote]
  Використання
• [blockquote]текст[/blockquote]
  Приклад

• текст

  Результат

• [s]Значення[/s]
  Використання
• [s]ошибка[/s]
  Приклад
• ошибка
  Результат

Tag to hide spoilers.

• [Spoiler=Параметр]Значення[/Spoiler]
  Використання
• [spoiler=Пример]вставляем текст который хотим скрыть![/spoiler]
  Приклад

• Spoiler: Пример 

  вставляем текст который хотим скрыть!

  Результат

Цифра после тега означает толщину рамки, опция хтмл border

• [Table=Параметр]Значення[/Table]
  Використання
• [table=1]text[/table]
  Приклад
• text
  Результат

• [TD]Значення[/TD]
  Використання
• [td]text[/td]
  Приклад
• text
  Результат

• [TR]Значення[/TR]
  Використання
• [tr]text[/tr]
  Приклад
• text
  Результат