Руководство по оформлению текста (использование BBCode)
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Что такое BBCode?
BBCode — это специальный вариант HTML. BBCode по стилю похож на HTML, теги заключены в квадратные скобки [ i ], а не в треугольные < i >; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста (синие кнопки над полем ввода текста).
Но даже в этом случае данное руководство может оказаться полезным.
Содержание
Форматирование текста
Как сделать текст жирным, наклонным или подчёркнутым
Как изменить цвет или размер текста
Можно ли комбинировать теги?
Ссылки на другой сайт
Показ изображений и видео в сообщениях
Добавление изображения в сообщение
Добавление видео в сообщение
Цитирование и вывод текста фиксированной ширины
Цитирование при ответах
Вывод кода или данных фиксированной ширины
Создание списков
Создание маркированного списка
Создание нумерованного списка
Вставка таблиц
Спойлер
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Как сделать текст жирным, наклонным или подчёркнутым
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
- Чтобы сделать текст жирным, заключите его в
Код: Выделить всё
[b][/b]
Код: Выделить всё
[b]Привет[/b]
- Для подчёркивания используйте
Код: Выделить всё
[u][/u]
Код: Выделить всё
[u]Доброе утро[/u]
- Курсив делается тегами
Код: Выделить всё
[i][/i]
Код: Выделить всё
Это [i]здорово![/i]
Как изменить цвет или размер текста
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
- Цвет текста можно изменить, окружив его тегами
Код: Выделить всё
[color=][/color]
Вы можете указать либо известное имя цвета (red, blue, yellow и т. п.), или шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста вы можете использовать:
Код: Выделить всё
[color=red]Привет![/color]
Код: Выделить всё
[color=#FF0000]Привет![/color]
- Изменение размера достигается аналогичным образом при использовании тегов
Код: Выделить всё
[size=][/size]
Код: Выделить всё
[size=30]МАЛЕНЬКИЙ[/size]
в то время как:
Код: Выделить всё
[size=200]ОГРОМНЫЙ![/size]
Можно ли комбинировать теги?
Да, конечно, можно. Например, для привлечения чьего-то внимания вы можете написать:
Код: Выделить всё
[size=200][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]
Не выводите таким образом длинные тексты!
Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены (то есть соблюдалась их последовательность). Вот этот BBCode, например, неправилен:
Код: Выделить всё
[b][u]Это неверно[/b][/u]
Код: Выделить всё
[b][u]Это верно[/u][/b]
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Ссылки на другой сайт
В BBCode поддерживается несколько способов создания ссылок.
- Первый из них использует тег
Код: Выделить всё
[url=][/url]
Код: Выделить всё
[url=https://chronologia.org/]Сайт Новой Хронологии[/url]
Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя.
- Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:
Код: Выделить всё
[url]https://chronologia.org/[/url]
- Кроме того, форум поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.chronologia.org в ваше сообщение приведёт к автоматической выдаче ссылки www.chronologia.org при просмотре сообщения.
- То же самое относится и к адресам email, вы можете либо указать адрес в явном виде:
Код: Выделить всё
[email]example@mail.com[/email]
Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например
Код: Выделить всё
[img][/img]
Код: Выделить всё
[b][/b]
Код: Выделить всё
[url=https://chronologia.org/][img]https://chronologia.org/im/nx242.jpg[/url][/img]
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Добавление изображения в сообщение
BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество изображений, во-вторых, ваше изображение уже должно быть размещено в интернете (т. е. оно не может быть расположено только на вашем компьютере, если, конечно, вы не запустили на нём веб-сервер!). Изображение также может быть загружено на форум, как вложение к вашему сообщению.
Для вывода изображения вы должны окружить его URL тегами
Код: Выделить всё
[img][/img]
Код: Выделить всё
[img]https://chronologia.org/im/nx242.jpg[/img]
Код: Выделить всё
[url][/url]
тогда при клике на картинку посетитель будет перенаправлен по адресу URL. То есть
Код: Выделить всё
[url=https://chronologia.org][img]https://chronologia.org/im/nx242.jpg[/img][/url]
![Изображение](https://chronologia.org/im/nx242.jpg)
Также на форуме включена возможность упрощенной вставки картинок без использования тега [img] - просто вставьте ссылку на картинку в текст.
Код: Выделить всё
текст текст
https://chronologia.org/im/nx242.jpg
текст текст
Добавление видео в сообщение
На форуме поддерживается вставка видео с видеохостинга youtube. Для вставки видео следует использовать тег
Код: Выделить всё
[youtube]идентификатор видео[/youtube]
Пример идентификаторов в ссылках видеохостинга -
youtube.com/watch?v=3JfCsKAfFhg
youtu.be/3JfCsKAfFhg
Пример вставки видео -
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Цитирование при ответах
Существует два способа цитирования текста: с обращением и без.
- При использовании кнопки цитирования для ответа на сообщение, в окно ответа добавляется текст цитируемого сообщения, обрамлённый тегами
Код: Выделить всё
[quote=""][/quote]
Код: Выделить всё
[quote="Mr. Blobby"]Здесь находится текст, написанный пользователем Mr. Blobby[/quote]
Результат -
Mr. Blobby писал(а):Здесь находится текст, написанный пользователем Mr. Blobby
- Второй способ позволяет создавать простые цитаты. Для этого необходимо заключить текст в теги
Код: Выделить всё
[quote][/quote]
Пример -
Код: Выделить всё
[quote]Здесь находится текст[/quote]
Здесь находится текст
Вывод кода или данных фиксированной ширины
Если нужно вывести часть программного кода или другие данные фиксированной ширины, такие, как шрифт Courier, необходимо заключать текст в теги (без пробелов внутри квадратных скобок [])
Код: Выделить всё
[code][/ code]
Код: Выделить всё
[code]echo "Здесь находится код";[/ code]
Код: Выделить всё
echo "Здесь находится код";
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML.
Создание маркированного списка
В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте
Код: Выделить всё
[list][/list]
Код: Выделить всё
[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]
- Красный
- Синий
- Жёлтый
Код: Выделить всё
[list=тип][/list]
Создание нумерованного списка
Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте
Код: Выделить всё
[list=1][/list]
Код: Выделить всё
[list=a][/list]
Код: Выделить всё
[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]
- Пойти в магазин
- Купить новый компьютер
- Обругать компьютер, когда случится ошибка
Код: Выделить всё
[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]
- Первый возможный ответ
- Второй возможный ответ
- Третий возможный ответ
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Можно вставить таблицу несколькими способами - простой (1), с указанием ширины ячейки (2), с указанием ширины таблицы (3).
- 1 вариант - без ширины
Код: Выделить всё
[tab]
[tr][td]phpbb 3[/td][td]Модификации[/td][td]BBcode[/td][/tr]
[tr][td]BBCode[/td][td]Стили - phpbb3[/td][td]Таблица в сообщении[/td][/tr]
[tr][td]BBCode[/td][td]BBCode - Таблица в сообщении[/td][td]Стили - phpbb3[/td][/tr]
[/tab]
phpbb 3 | Модификации | BBcode |
BBCode | Стили - phpbb3 | Таблица в сообщении |
BBCode | BBCode - Таблица в сообщении | Стили - phpbb3 |
- 2 вариант - указана ширина первой ячейки 200 пикселей
Код: Выделить всё
[tab]
[tr][td=200]phpbb 3[/td][td]Модификации[/td][td]BBcode[/td][/tr]
[tr][td]BBCode[/td][td]Стили - phpbb3[/td][td]Таблица в сообщении[/td][/tr]
[tr][td]BBCode[/td][td]BBCode - Таблица в сообщении[/td][td]Стили - phpbb3[/td][/tr]
[/tab]
phpbb 3 | Модификации | BBcode |
BBCode | Стили - phpbb3 | Таблица в сообщении |
BBCode | BBCode - Таблица в сообщении | Стили - phpbb3 |
- 3 вариант - указана ширина таблицы 100%
Код: Выделить всё
[tab=100]
[tr][td]phpbb 3[/td][td]Модификации[/td][td]BBcode[/td][/tr]
[tr][td]BBCode[/td][td]Стили - phpbb3[/td][td]Таблица в сообщении[/td][/tr]
[tr][td]BBCode[/td][td]BBCode - Таблица в сообщении[/td][td]Стили - phpbb3[/td][/tr]
[/tab]
phpbb 3 | Модификации | BBcode |
BBCode | Стили - phpbb3 | Таблица в сообщении |
BBCode | BBCode - Таблица в сообщении | Стили - phpbb3 |
-
- Администратор
- Сообщения: 276
- Зарегистрирован: 30 дек 2003, 17:32
- Благодарил (а): 52 раза
- Поблагодарили: 132 раза
Руководство по оформлению текста (использование BBCode)
Спойлером называют скрывающийся / показывающийся объект (текст, картинка и т.д.). Например, в спойлер прячут информацию, не относящуюся напрямую в обсуждаемому вопросу, пояснения, или просто длинный скучный текст.
Также в спойлер можно помещать изображения (особенно если их много), видео, ссылки, таблицы и другие объекты.
Спойлер можно использовать как с изменением стандартного заголовка, так и не изменяя его.
Пример 1 -
Код: Выделить всё
[spoiler]Здесь заголовок спойлера не меняем[/spoiler]
Спойлер
Код: Выделить всё
[spoiler="Нажми сюда"]Здесь стандартный заголовок спойлера изменен на "Нажми сюда"[/spoiler]