Biathlon Forum

Darya Domracheva` Forum


Руководство по BBCode

Введение
Что такое BBCode?
Форматирование текста
Как сделать текст жирным, наклонным, подчеркнутым или перечеркнутым
Как изменить цвет, размер или шрифт текста
Могу ли я комбинировать теги форматирования?
Цитирование и вывод форматированных текстов
Цитирование при ответах
Вывод кода или шрифта с фиксированным шагом
Создание списков
Создание маркированного списка
Создание упорядоченного списка
Создание ссылок
Ссылки на другой сайт
Показ картинок в сообщениях
Добавление картинки в сообщение
Выравнивание (расположение) текста
Вставить в сообщение медиа
Добавить в сообщение флеш-анимацию
Добавить в сообщение видео
Создание таблиц
Создать таблицу в сообщении
Прокрутка сообщения
Горизонтальная прокрутка сообщения
Вертикальная прокрутка сообщения
Вставить линию
Представить текст в виде нижнего или верхнего индекса
Коды эффектов
Разные коды
Получить случайное число


Введение

Что такое BBCode?
BBCode — это специальный вариант HTML. Сможете вы или нет использовать BBCode в ваших сообщениях, определяется администратором форума. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode похож по стилю на HTML, теги заключены в квадратные скобки [ и ], а не в < и >; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь кнопками простого интерфейса, расположенного над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Вернуться к началу Вернуться к началу

Форматирование текста

Как сделать текст жирным, наклонным, подчеркнутым или перечеркнутым
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
  • Чтобы сделать текст жирным, используйте следующие теги:
    Код:
     [b]Привет[/b]
    В результате получится: Привет

  • Для подчеркивания:
    Код:
     [u]Добрый день[/u]
    Результат: Добрый день

  • Курсив делается так:
    Код:
    [i]Это круто![/i]
    Результат: Это круто!

  • Чтобы перечеркнуть текст, используйте следующие теги :
    Код:
     [strike]черновик[/strike]
    Этот код выдаст: черновик
Вернуться к началу Вернуться к началу
Как изменить цвет, размер или шрифт текста
Для изменения цвета, размера или шрифта вашего текста могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
  • Для того, чтобы изменить цвет текста, вы можете указать либо известное имя цвета (red, blue, yellow и т.п.), либо шестнадцатиричное представление (например #FFFFFF, #000000). Таким образом, для создания красного текста вы можете использовать:
    Код:
    [color=red]Привет! (red)[/color] или [color=#FF0000]Привет!(#FF0000)[/color]
    Результат: Привет! (red) или Привет! (#FF0000)

  • Чтобы изменить размер шрифта, вы должны указать размер шрифта в пикселях, начиная от 1 (настолько маленький, что вы его не увидите) до 29 (очень большой). Например:
    Код:
    [size=9]МАЛЕНЬКИЙ[/size] или [size=24]ОГРОМНЫЙ[/size]
    В результате получится: МАЛЕНЬКИЙ или ОГРОМНЫЙ
  • Чтобы поменять шрифт текста, вы должны указать общепринятый шрифт (например, Verdana, Arial). Если у пользователя нет этого шрифта, будет показываться шрифт по умолчанию:
    Код:
    [font=Arial]Arial[/font] или [font=Comic Sans Ms]Comic Sans Ms[/font]
    Результат: Arial или Comic Sans Ms
Вернуться к началу Вернуться к началу
Могу ли я комбинировать теги форматирования?
Да, конечно можете. Например для привлечения чьего-то внимания вы сможете написать:
Код:
[size=18][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]
что выдаст: ПОСМОТРИТЕ НА МЕНЯ!

Однако мы не рекомендуем часто пользоваться такими вкладками! Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены. Вот этот BBCode, например, неправилен:
Код:
[b][u]Это неверно[/b][/u]
Правильная форма:
Код:
[b][u]Это верно[/u][/b]
Вернуться к началу Вернуться к началу

Цитирование и вывод форматированных текстов

Цитирование при ответах
Есть два способа процитировать текст, со ссылкой и без.
  • Для цитирования отрывка текста, написанного Ивановым, вы напишете:
    [code][quote="Иванов"]То, что написал Иванов, должно быть вставлено сюда[/quote][/code ]. В результате у вас получится: [quote="Иванов"]То, что написал Иванов, должно быть вставлено сюда[/quote]
    Помните, вы должны поставить кавычки "" вокруг имени, на которое вы ссылаетесь, они не могут быть опущены.

  • Второй метод позволяет вам что-то процитировать, не ссылаясь на автора, например:
    [code]
    Цитата без ссылки
    [/code]Résultat :
    Цитата без ссылки
Вернуться к началу Вернуться к началу
Вывод кода или шрифта с фиксированным шагом
Если вам надо вывести строки кодов (HTML и других) или любые другие элементы, требующие использования шрифта с фиксированным шагом (например, Courier) вы должны использовать следующий код:
Код:
[code]"Это код"[/code]
Результат:
Код:
"Это код"

Это как раз тот код, который мы используем в этой справке, для того чтобы показать вам все коды BBCode, которыми вы можете пользоваться.
Вернуться к началу Вернуться к началу

Создание списков

Создание маркированного списка
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером.
  • Например, чтобы вывести свои любимые цвета, вы можете использовать :
    Код:
    [list][*]Красный[*]Синий[*]Желтый[/list]
    Результат :
    • Красный
    • Синий
    • Желтый

Вернуться к началу Вернуться к началу
Создание упорядоченного списка
Второй тип списка позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания упорядоченного списка у вас есть два варианта :
  • Нумерованный список :
    Код:
    [list=1][*]Пойти в магазин[*]Купить новый компьютер[*]Обругать компьютер, когда случится ошибка[/list]
    выдаст следующее:
    1. Пойти в магазин
    2. Купить новый компьютер
    3. Обругать компьютер, когда случится ошибка

  • Алфавитный список :
    Код:
    [list=a][*]Первый вариант ответа[*]Второй вариант ответа[*]Третий вариант ответа[/list]
    что выдаст
    1. Первый вариант ответа
    2. Второй вариант ответа
    3. Третий вариант ответа
Вернуться к началу Вернуться к началу

Создание ссылок

Ссылки на другой сайт
В BBCode поддерживается несколько способов создания URL'ов.
  • Первый способ, например для ссылки на forum2x2.ru :
    Код:
    [url=https://www.forum2x2.ru]Посетите forum2x2.ru![/url]
    Это создаст следующую ссылку: [url=https://www.forum2x2.ru]Посетите forum2x2.ru![/url]
    Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.

  • Второй способ : если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:
    Код:
    [url]https://www.forum2x2.ru[/url]
    Результат : [url]https://www.forum2x2.ru[/url]

  • Третий способ : наш сервис поддерживает функцию, называемую 'Автоматические ссылки', которая переводит любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод
    Код:
    www.forum2x2.ru
    в ваше сообщение приведет к автоматической выдаче [url=https://www.forum2x2.ru]www.forum2x2.ru[/url] при просмотре сообщения.
Вернуться к началу Вернуться к началу

Показ картинок в сообщениях

Добавление картинки в сообщение
BBCode включает тег для добавления картинок в ваши сообщения. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество картинок; во-вторых, ваша картинка уже должна быть размещена в интернете (т.е. она не может быть расположена только на вашем компьютере, если, конечно, вы не запустили на нём вебсервер!). Вы можете бесплатно размещать в Интернете ваши изображения на хостингах изображений, таких как [url=https://servimg.com/]www.servimg.com[/url].
Для вывода картинки вы должны использовать следующие теги :
Код:
[img]https://www.illiweb.com/fa/banner/ru/banner1.gif[/img]
Результат:
ЧаВо - Biathlon Forum Banner1.
Вы можете, если хотите, поместить изображение под ссылку (проверьте хорошенько, в правильном ли порядке вы открыли и закрыли все теги), например:
Код:
[url=https://www.forum2x2.ru/][img]https://www.illiweb.com/fa/banner/ru/banner1.gif[/img][/url]
Результат :
[url=https://www.forum2x2.ru/]ЧаВо - Biathlon Forum Banner1[/url]
Вернуться к началу Вернуться к началу
Выравнивание (расположение) текста
Вам предлагается четыре варианта расположения текста:
  • Выравнивание по левому краю:
    Код:
    [left]Текст слева[/left]
    Результат :
    Текст слева

  • Выравнивание по центру:
    Код:
    [center]Текст по центру[/center]
    Результат :
    Текст по центру

  • Выравнивание по правому краю:
    Код:
    [right]Текст справа[/right]
    Результат :
    Текст справа

  • Выравнивание по ширине:
    Код:
    [justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.[/justify]
    Результат :
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.

Вернуться к началу Вернуться к началу

Вставить в сообщение медиа

Добавить в сообщение флеш-анимацию
У вас есть два способа добавить анимацию флеш в ваше сообщение.
  • Первый метод, с помощью кода BBCode flash:
    Код:
    [flash(200,40)]https://illiweb.com/fa/i/test_bbcode.swf[/flash]
    Результат:

  • Второй метод, с помощью кода BBCode embed-flash:
    Код:
    [embed-flash(200,40)]https://illiweb.com/fa/i/test_bbcode.swf[/embed-flash]
    Результат:
Не забудьте указать ширину и высоту анимации флеш в скобках внутри используемого тега BBCode.
Вернуться к началу Вернуться к началу
Добавить в сообщение видео
Вы можете добавлять в ваши сообщения видео, найденные на одном из двух поддерживаемых нами сайтов:
  • Первый сайт: [url=https://www.youtube.com]Youtube[/url]. Вы должны скопировать код, находящийся в поле Embed и ввести следующий код:
    Код:
    [youtube]код Embed[/youtube]

  • Второй сайт : [url=https://www.dailymotion.com]Dailymotion[/url]. Вы должны скопировать код, содержащийся в поле Lecteur Exportable и ввести следующий код:
    Код:
    [dailymotion]код Lecteur Exportable[/dailymotion]
Не забывайте помещать нужный код между тегами, соответствующими выбранному хостингу.
Вернуться к началу Вернуться к началу

Создание таблиц

Создать таблицу в сообщении
Код BBCode для вставки таблицы в сообщение идентичен тегам, используемым в HTML. Чтобы создать таблицу, вы должны задать таблицу 'table' и определить строку 'tr'. Эта строка может содержать одну или несколько ячеек 'td', точто так же как сама таблица может содержать несколько строк 'tr'.
  • Например, чтобы создать таблицу из двух строк и трех столбцов, вы должны сделать так:
    Код:
    [table] [tr][td] Строка 1 - Ячейка 1 [/td] [td] Строка 1 - Ячейка 2 [/td] [td] Строка 1 - Ячейка 3 [/td][/tr] [tr][td] Строка 2 - Ячейка 1 [/td] [td] Строка 2 - Ячейка 2 [/td] [td] Строка 2 - Ячейка 3 [/td][/tr][/table]
    Результат :
    Строка 1 - Ячейка 1 Строка 1 - Ячейка 2 Строка 1 - Ячейка 3
    Строка 2 - Ячейка 1 Строка 2 - Ячейка 2 Строка 2 - Ячейка 3

  • Вы также можете добавлять параметры в код 'table'. Они идентичны параметрам, используемым в HTML. Например, вы можете добавить к нашей таблице контур с помощью атрибута 'border'.
    Код:
    [table border=1] [tr][td] Строка 1 - Ячейка 1 [/td] [td] Строка 1 - Ячейка 2 [/td] [td] Строка 1 - Ячейка 3 [/td][/tr] [tr][td] Строка 2 - Ячейка 1 [/td] [td] Строка 2 - Ячейка 2 [/td] [td] Строка 2 - Ячейка 3 [/td][/tr][/table]
    Результат:[table border=1] [tr][td] Строка 1 - Ячейка 1 [/td] [td] Строка 1 - Ячейка 2 [/td] [td] Строка 1 - Ячейка 3 [/td][/tr] [tr][td] Строка 2 - Ячейка 1 [/td] [td] Строка 2 - Ячейка 2 [/td] [td] Строка 2 - Ячейка 3 [/td][/tr][/table]
    Примеры других возможных атрибутов: cellspacing, cellpadding, width, и т.д.
Пользоваться таблицами следует с осторожностью, следите за правильным открытием и закрытием кодов BBCode. При ошибке вы рискуете не получить желаемого результата.
Вернуться к началу Вернуться к началу

Прокрутка сообщения

Горизонтальная прокрутка сообщения
Если вы желаете, чтобы ваш текст прокручивался горизонтально, вы должны использовать следующий код BBCode:
Код:
[scroll]Мое сообщение[/scroll]
Результат: Мое сообщение
Вернуться к началу Вернуться к началу
Вертикальная прокрутка сообщения
Второй способ прокрутки текста - вертикальная прокрутка с помощью следующего кода:
Код:
[updown]Мое сообщение[/updown]
Результат: Мое сообщение
Вернуться к началу Вернуться к началу

Вставить линию
Если вы хотите немного разрядить ваше сообщение, вставив в него линии, вы можете воспользоваться следующим кодом:
Код:
Первая часть моего сообщения[hr]Вторая часть моего сообщения
Результат:
Первая часть моего сообщенияВторая часть моего сообщения

Вернуться к началу Вернуться к началу
Представить текст в виде нижнего или верхнего индекса
Для помещения элемента текста в нижний или верхний индекс (очень полезно для математиков), вам предлагается два кода.
  • Для создания нижнего индекса :
    Код:
    x[sub]a+b[/sub]
    Результат: x

  • Для создания верхнего индекса:
    Код:
    1[sup]е[/sup] место
    Результат : 1е место

Вернуться к началу Вернуться к началу
Коды эффектов
В вашем распоряжении четыре кода BBCode, создающих различные эффекты в вашем сообщении. Однако, эти коды совместимы с форумами в версии phpBB2 только в навигаторе Internet Explorer .
  • Первый эффект - вертикальный эффект зеркала (вертикальная симметрия):
    Код:
    [flipv]Вертикальный зеркальный эффект[/flipv]
    Результат: Вертикальный зеркальный эффект 

  • Второй эффект - горизонтальный эффект зеркала (горизонтальная симметрия):
    Код:
    [fliph]Горизонтальный зеркальный эффект[/fliph]
    Результат: Горизонтальный зеркальный эффект 

  • Для эффекта размытого текста вы можете использовать следующий код:
    Код:
    [blur]Размытый текст[/blur]
    Результат: Размытый текст

  • И последний эффект -
    Код:
    [fade]Затухающий текст[/fade]
    Результат : Затухающий текст
Вернуться к началу Вернуться к началу

Разные коды

Получить случайное число
Если вы желаете воспользоваться кодом, выдающим случайное число на определенном интервале, вот он:
  • Первое употребление кода, задаются нижняя и верхняя границы интервала (минимум и максимум):
    Код:
    [rand]50,100[/rand]
    Результат :
    Случайное число (50,100) : 73


  • Второе употребление, задается верхняя граница интервала (максимум):
    Код:
    [rand]50[/rand]
    Результат:
    Случайное число (1,50) : 12
Вернуться к началу Вернуться к началу

Текущее время Ср Июл 24, 2019 10:51 am