Форумы стали до такой степени незаменимы, что без общения на таких сайтах, уже невозможно себе представить само обучение, или самоусовершенствование. Обычно при разработке своих сайтов возникает множество вопросов, на которые можно найти ответ только на форумах, задав вопрос и в процессе общения найти нужное решение своей проблемы. А еще очень важным фактором может быть оставление на свои сайты с форумов, которые вставляют в сообщения, или в свою подпись на форуме. И в таких ситуациях всегда можно столкнуться со спецкодами
, именуемыми BB-коды
.
Обычно для того чтобы задать вопрос используют форму добавления комментария и неважно, это быстрый ответ, или открытие новой темы. Зависимо от первоначальных настроек существует возможность оставить ссылку на свой сайт, чтобы пользователь при желании смог почитать оригинальные статьи автора поста, или просто оставить ссылку, что нужно для продвижения сайта. Но в некоторых случаях возникает трудность именно с самим кодом вставки, так как в скриптах применяются спецкоды
, которые пишутся в квадратных скобках и их называют BB-коды
.
Форумные BB-коды.
Спецкоды
— слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста, вставлять ссылки и много другого.
Для того, чтобы просто выделить участок текста жирным, или наклонным шрифтом, нужно его просто выделить и нажать на нужный символ в указателях формы, обычно сверху над полем ввода текста. Это просто и вот примеры таких кодов:
Сам текст, или слово
текст текст нужного размера (-2, +3, 10 — числа для изменения размера)
[«b]текст жирный текст
[«i]текст наклонный текст
Примеры BB-кодов.
Но именно при и могут появиться проблеммы. А именно для того чтобы вставить ссылку, нужно применить такой код:
Вот при таком написании, все форумы, применяемые спецсимволы BB-кода, не устоят перед вашим желанием спамернуть, или дать ссылку на полезный ресурс.
Чтобы закончить тему, хочу привести адреса некоторых форумов, на которых можно оставить ссылку, при помощи BB-кода
www(точка)cyberforum.ru
forum.izcity.com
forum.zvirec.com
Скрывает контент от пользователей.
Пример:
Скрытие от гостей
Скрытие по числу постов
Скрытие по числу постов
Скрытие по числу симпатий
Скрытие по числу оплаченных складчин
Скрытие по числу организованных складчин
Скрытие по числу месяцев с момента регистрации
Скрытие для групп Админы(3), Модеры(4), Орги(24), Партнеры(25), ЧК(26)
Скрытие для пользователей
Скрытие для пользователей
Скрытие по комбинации параметров
Вывод:
Скрытый контент.
Скрытый контент.
Скрытый контент.
[B], [I], [U], [S] — полужирный, курсив, подчёркивание и зачёркивание
Делает выделенный текст полужирным, наклонным, подчёркнутым или зачёркнутым.
Пример:
Это [B]полужирный текст.
Это текст [I]курсивом.
Это [U]подчёркнутый текст.
Это [S]перечёркнутый текст.
Вывод:
Это полужирный
текст.
Это текст курсивом
.
Это подчёркнутый
текст.
Это перечёркнутый
текст.
, , — цвет текста, шрифт и размер
Изменяет цвет, шрифт или размер выделенного текста.
Пример:
Это красный и синий текст.
Это текст шрифтом Courier New.
Это маленький и большой текст.
Вывод:
Это красный
и синий
текст.
Это текст шрифтом Courier New
.
Это маленький
и большой
текст.
, — ссылки
Пример:
http://www.example.com
[email protected]
Вывод:
www.example.com
[email protected]
, — ссылки (дополнительно)
— ссылка на профиль
Пример:
Имя пользователя
Вывод:
Имя пользователя
— изображения
Показывает изображение, используя выделенный текст как URL-адрес.
Png
Вывод:
— вставка медиа-файлов
Вставляет в сообщение медиа с разрешенных сайтов. Рекомендуется использовать кнопку добавления медиа в панели инструментов редактора. Одобренные сайты:
Dailymotion ;
Facebook ;
Liveleak ;
Metacafe ;
RuTube ;
Vimeo ;
YouTube ;
Пример:
oHg5SJYRHA0
Вывод:
Встроенный YouTube плеер появится здесь.
— список
Отображает нумерованный или маркированный список.
Пример:
[*]Маркер 1
[*]Маркер 2
[*]Запись 1
[*]Запись 2
Вывод:
- Маркер 1
Маркер 2
Запись 1
Запись 2
, , — выравнивание текста
Изменяет выравнивание выделенного текста.
Пример:
По левому краю
По центру
По правому краю
Вывод:
По левому краю
По центру
По правому краю
— цитата текста
Отображает текст, как процитированный из другого источника. Можно также указать имя этого источника.
Пример:
Процитированный текст
Что-то сказал
Вывод:
Процитированный текст
Нажмите, чтобы раскрыть…
Пользователь сказал(а):
Что-то сказал
Нажмите, чтобы раскрыть…
— текст, содержащий спойлеры
Скрывает текст, который может содержать спойлеры (преждевременно раскрытая важная сюжетная информация). Чтобы увидеть текст, нужно нажать кнопку спойлера.
Пример:
Простой спойлер
Спойлер с заголовком
Вывод:
SpoilerTarget»>Спойлер
Простой спойлер
SpoilerTarget»>Спойлер: Заголовок спойлера
Спойлер с заголовком
, , — вставка программного кода
Отображает текст на одном из языков программирования, выделяя синтаксис где это возможно.
Пример:
Основной
код
echo $hello . «world»;
Вывод:
Основной
код
echo
$hello
.
«world»
;
— отступ текста
Увеличивает отступ выделенного текста. Можно использовать несколько раз для создания больших отступов.
Пример:
Обычный текст
Небольшой отступ
Значительный отступ
Вывод:
Обычный текст
Небольшой отступ
Значительный отступ
— обычный текст
Отключает распознавание BB-кодов внутри выделенного текста.
Пример:
Это не [B]полужирный текст.
Вывод:
Это не [B]полужирный текст.
— вставка вложений
Вставляет вложение в указанной точке. Если вложение является изображением, будет вставлена его уменьшенная версия или всё оно целиком. Для этого нужно нажать на соответствующую кнопку.
Пример:
Миниатюра: 123
Полный размер: 123
Вывод:
Содержание вложений появится здесь.
— Container
A transparent container which will automatically overflow if the content is wider than the page or larger than 600px in height.
Пример:
This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.
Вывод:
This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.
— Table
Пример:
This is a header cellThis is a header cellThis is a left aligned cellThis is a centre aligned cellThis is a right aligned cellLeft alignedCentre alignedRight aligned
Вывод:
This is a header cell
This is a header cell
This is a left aligned cell
This is a right aligned cell
Left aligned
Centre aligned
Right aligned
— Table Cell (Left)
A cell with left aligned text.
Пример:
This is a left aligned (standard) cell
Вывод:
This is a left aligned (standard) cell
— Table Cell (Centred)
A cell with centre aligned text.
Пример:
This is a centre aligned cell
Вывод:
This is a centre aligned cell
— Table Cell (Right)
A cell with right aligned text.
Пример:
This is a right aligned cell
Вывод:
This is a right aligned cell
— Table Cell (Header)
A header cell with bold, centre aligned text and a dark background.
Пример:
This is a header cell
Вывод:
This is a header cell
— Table Row (Transparent)
A row with a transparent background.
Пример:
This is a standard cell in a row with a transparent background
Вывод:
This is a standard cell in a row with a transparent background
— Table Row (Odd)
A row with a lighter background.
Пример:
This is a standard cell in a row with a lighter background
Вывод:
This is a standard cell in a row with a lighter background
— Table Row (Even)
A row with a darker background.
Пример:
This is a standard cell in a row with a darker background
Вывод:
This is a standard cell in a row with a darker background
— Visitor
Visitor Username
Пример:
Вместо этого текста будет имя посетителя
Вывод:
Гость
Этот код позволяет придать функциональности и стиль вашему сообщению. Спец код можно использовать даже в том случае, когда HTML код выключен. Это хорошая альтернатива HTML, так как для его использования требуется совсем не много знаний.
Обратите внимание:
Вы не должны одновременно использовать и HTML и Специальный код для получения одинакового результата.
Также обратите внимание,
что в Спец. коде не учитывается регистр букв (это значит что не имеет никакого значения как вы будете писать или ).
Коды, заключенные в квадратные скобки, не являются универсальными, иногда называются BB-кодами
, так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе.
Если в BB-коде
используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не «подчеркнул» ее, а у простого редактора ВВ кода убрать внизу галочку «Автоматическое распознавание ссылок», иначе код может не сработать правильно.
Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать существующую панель спецкодов.
Полное описание возможностей ВВ кодов (BBCode)
Пример использования
Результат
[b]
Жирный текст
Жирный Ваш текст
[i]
Наклонный Ваш текст
Наклонный Ваш текст
[s]
Зачеркнутый Ваш текст
Зачеркнутый Ваш текст
[u]
Подчеркнутый Ваш текст
Подчеркнутый Ваш текст
[o]
Черта вверху текста
Черта вверху текста
[l]
Текст по левому краю
Текст по левому краю
[c]
Текст по центру
Текст по центру
[r]
Текст по правому краю
Текст по правому краю
[j]
Текст по ширине страницы
Текст по ширине страницы
Нижний индекс
Нижний индекс
Верхний индекс
Верхний индекс
Размер шрифта
(Размер: 8..25)
Размер шрифта
Цвет шрифта заявленный Вами после color
Названия цветов для использования в ВВ-кодах:
аква— aqua
белый — white
желтый — yellow
зеленый — green
известь — lime
красный — red
оливковый — olive
серебряный — silver
серый — gray
синий — blue
темно-бордовый — maroon
темно-синий — navy
фиолетовый — purple
фуксия — fuchsia
черный — black
чирок — teal
Цвет шрифта заявленный Вами после color
Другой шрифт
Другой шрифт
Всё что внутри. Доступно только зарегистрированным пользователям
Доступно только зарегистрированным пользователям!
Этот текст окажется под спойлером…
Этот текст окажется под спойлером…
Вместо «Title» вставь свою надпись.
https://youtube.com/watch?v=DbzFNj8HVmc
Код программы
Code
Код программы
Цитата из сообщения
Quote
Цитата из сообщения
Цитата из сообщения (к примеру от Alex)
Quote
(Alex)
Цитата из сообщения (к примеру от Alex)
— Линия, просто линия
https://exhort.my1.ru/
Активная (кликабельная) ссылка.
Новости начинающему.
Скрытая ссылка получится.
Введение
bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.
На многих форумах возможность использования BB-кодов настраивается администратором индивидуально на каждый раздел форума. Поэтому, прежде чем использовать BB-коды в сообщениях, необходимо убедиться, что они разрешены.
Форматирование шрифта
Базовые тэги для работы с текстом:
[p]
Обычный абзац с отступом.
Абзац, которому можно задавать стиль.
* Здесь и далее «стиль» — это аналог style в HTML.
текст аналогично в HTML
текст
** С тэгами [p] можно использовать другие тэги, такие как [b], [i], [s] и т.д.
Текст, которому с помощью стиля можно менять свойства.
Ограниченная область, которой с помощью стиля можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.).
* По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей .
Форматирование текста:
[b]
Важный текст, полужирный
[i]
Важный текст, курсив
Просто полужирный
Просто курсив
[u]
Подчёркнутый текст
[s]
Зачёркнутый текст
— аналогично варианту
Уменьшенный шрифт
Знак сноски сверху
или индекс снизу
от текста
Удалённый текст
Размеры шрифта:
Шрифт размером 13 пунктов
Шрифт размером 15 пунктов
Шрифт размером 9 пикселей
Шрифт размером 12 пикселей
Шрифт размером 15 пикселей
Размер 0
Размер +1
Размер +2
Возможные варианты размеров шрифтов (визуальная оценка) доступны .
Заголовки:
Заголовок 1-го уровня
Заголовок 2-го уровня
Заголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
Заголовок 6-го уровня
Оформление текста с помощью шрифтов:
Шрифт Comic Sans Ms
Шрифт Monotype Corsiva
Шрифт Tahoma
Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны .
Оформление текста с помощью цвета:
Красный текст
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.
Синий текст
* Цифра #0000ff означает синий цвет в RGB палитре.
Голубой фон
* У фона тоже можно менять цвет.
Синий текст, серый фон
Некоторые предопределённые цвета:
Black
White
Red
Green
Blue
Purple
Firebrick
Maroon
OrangeRed
MidnightBlue
CornflowerBlue
Cyan
Yellow
Magenta
DarkGreen
DarkGoldenrod
Gold
Orchid
BlueViolet
Burlywood
PeachPuff
Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RR
GG
BB
):
#000000
#FFFFFF
#FF0000
#00FF00
#0000FF
#FF00FF
#FF4444
#FF9999
#FFCCCC
#9999FF
#FF99FF
#DDDDDD
#FFE4C4
#CCCC99
#FF8DC
#FA8072
#990000
#FF3030
#000080
#000066
#0000CD
#AFEEEE
#006400
#66FF00
#00B800
#DAA520
#FFCC33
#FFA500
#C71585
#8B008B
#CC33FF
Возможные варианты палитры цветов и их кодов/наименований доступны .
Выравнивание текста и форматирование параграфов
Выравнивание текста:
Выравнивание текста по левой стороне
Выравнивание по левой стороне со стилем
Выравнивание в абзаце влево
Выравнивание текста по центру
Выравнивание по центру со стилем
Выравнивание в абзаце по центру
Выравнивание текста по правой стороне
Выравнивание по правой стороне со стилем
Выравнивание в абзаце справа
Выравнивание текста по обеим сторонам
Выравнивание по обеим сторонам со стилем
Выравнивание в абзаце по обеим сторонам
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.
Оформление сносок (комментариев) с отступом абзаца:
[q]
Цитата в строке
Цитата в строке со свойствами
Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).
Примеры:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Форматирование параграфов и областей:
Привет! В этом абзаце первое предложение будет с «красной» строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
Преформатированый текст
сохраняет отступы слева и между словами
и устанавливает те отступы, что вы укажите пробелами.
Предупреждение! Тэг не делает переноса строки автоматом!
Форматирование списков
Используем тэг или для маркированных списков:
- Один из пунктов списка
Другой такой пункт
Ещё один пункт.
[*]
Другой такой пункт
[*]
Ещё один пункт.
Для пронумерованных списков используем тэг :
Один из пунктов списка
Другой такой пункт
Ещё один пункт.
[*]
Один из пунктов списка
[*]
Другой такой пункт
[*]
Ещё один пункт.
Закрывающий тэг не обязателен для использования:
- Один из пунктов списка
Другой такой пункт
Ещё один пункт.
[*]
Один из пунктов списка
[*]
Другой такой пункт
[*]
Ещё один пункт.
Также возможно прямое указания вида списка:
— пронумерованный список
— алфавитный список
— список, пронумерованный римскими цифрами
Картинки
Http://img.cx/img/primer.jpg
— пример вставки картинки.
Http://img.cx/img/primer.jpg
— картинка слева.
Http://img.cx/img/primer.jpg
— картинка справа.
* Данный код аналогичен коду в HTML:
Http://img.cx/img/primer.jpg
— картинка по центру.
* Данный код аналогичен коду в HTML:
Аналогичные тэги с названиями и всплывающими подсказками:
Важно! В названии картинки нельзя использовать кавычки!
Http://img.cx/img/primer.jpg
— пример вставки картинки.
Http://img.cx/img/primer.jpg
— картинка слева.
Http://img.cx/img/primer.jpg
— картинка справа.
Http://img.cx/img/primer.jpg
— картинка по центру.
Картинки с указанными размерами:
Http://img.cx/img/primer.jpg
— пример картинки с размером.
* Данный код аналогичен коду в HTML:
Http://img.cx/img/primer.jpg
— картинка слева, с размером.
Http://img.cx/img/primer.jpg
— картинка справа, с размером.
Вставка больших изображений с полосами прокрутки:
Http://www..jpg
— картинка в выделенной области, если она больше доступного размера отображения на форуме.
Адрес
— открыть изображение в новом окне.
* Данный код аналогичен коду в HTML:
Адрес
— открыть изображение в том же окне.
* Данный код аналогичен коду в HTML:
Сайт использует cookies для наилучшего представления. Если Вы продолжите использовать сайт, будет считаться, что Вас это устраивает.
Количество cookies:
1
IP адрес:
144.76.78.3
Версия протокола:
HTTP/1.1
Локальный порт:
37578
Навигация:
Главная — Интернет — BB коды
BB коды
bbCode — Bulletin Board Code, язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразование его в HTML-код.
На многих форумах возможность использования BB кодов настраивается администратором индивидуально на каждый раздел форума, поэтому, прежде чем использовать BB коды в сообщениях, вы должны убедиться, что они разрешены.
Теги BBCode
[b]полужирный текст
[s]зачеркнутый текст
[i]наклонный текст
[u]подчёркнутый текст
моноширинный текст
отображает html-код, пример:
цитата
цитируемый текст автора
[email protected]
текст под ссылкой на e-mail
ссылка на example.com
ссылка на example.com зеленого цвета
размер текста равен 16
шрифт текста Tahoma
красный текст
Красный текст в 16-тиричной системе
Картинка:
http://example.com/forum/images/1.jpg
Картинка-ссылка
http://example.com/forum/images/2.jpg
[*]первая строка маркерованного списка
[*]вторая строка маркерованного списка
[*]третья строка маркерованного списка
[*]первая строка нумерованного списка
[*]вторая строка нумерованного списка
[*]третья строка нумерованного списка
[*]первая строка алфавитного списка
[*]вторая строка алфавитного списка
[*]третья строка алфавитного списка
[*]первая строка списка, нумерованного римскими цифрами
[*]вторая строка списка, нумерованного римскими цифрами
[*]третья строка списка, нумерованного римскими цифрами
спойилер
http://example.com/forum/images/1.jpg
Горизонтальная линия
Перевод строки
Источник: