BB-коды. Оформление сообщений.
BB-код или BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. [WIKI]
жирный текст
курсивный текст
подчеркнутый текст
перечеркнутый текст
верхний индекс
нижний индекс
Результат:
увеличенный размер
уменьшенный размер
Результат: 
Upload. BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. 8777. BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. 8777. BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума.
Если вставить кривую ссылку, результат будет такой: invalid url
Тег работает только с файлами, загруженными на сервер ХД!
Тег может принимать в качестве параметра формат подсветки синтаксиса.
Включенные форматы: javascript, arduino, c, cpp (С++), python, sql.
Результат: 100% спирта не бывает
Результат: [b]жирный текст[/b]
Html коды для форума
| BBCode | |
|---|---|
| Тип | Доска сообщений |
| Операционная система | Cross-platform |
| Состояние | Active |
| Сайт | php.net/manual/en/book.b… |
BBCode (аббр. от англ. bulletin board code ) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки («[» и «]»). Перед отображением страницы движок форума производит разбор текста и преобразование его в HTML-код.
BBCode создан в 1998 году для движка досок объявлений Ultimate Bulletin Board (UBB), написанном на языке Perl. В 2000 году поддержка BBCode была добавлена в движок для форумов PhpBB, написанный на языке PHP.
BBCode был придуман с целью предоставить более простой, безопасный и ограниченный по сравнению с HTML способ форматирования сообщений. Первоначально многие BBS позволяли пользователям использовать HTML-разметку, что могло приводить к побочным эффектам, таким как искажение разметки на странице, запуск JavaScript-сценариев (иногда в целях вандализма). Некоторые реализации BBCode, использующие упрощённые методы трансляции в HTML, также могут испытывать проблемы с безопасностью.
Хотя основные теги BBCode мало отличаются в большинстве интернет-форумов, существует большое количество вариаций. Некоторые реализации чувствительны к регистру символов внутри тегов, другие позволяют подсвечивать текст HTML, PHP, SQL и других языков разметки и программирования при помощи специальных тегов.
Теги BBCode [ править | править код ]
В следующей таблице перечислены теги BBCode, используемые на большинстве современных форумов, а также эквивалентный HTML-код. Стоит заметить, что с помощью CSS внешний вид HTML может быть изменён и может отличаться на разных сайтах. На многих форумах опубликован список часто задаваемых вопросов и ответов с описанием применяемой реализации BBCode.
Пояснение
BB коды — это набор тегов, основанных на языке HTML и разработанных специально для использования в текстовых сообщениях сайта. Они позволяют выполнять форматирование текста гораздо проще, чем в HTML, причём не нарушая целостность страницы. Возможность использования BB кодов настраивается администратором индивидуально на каждый раздел форума, поэтому, прежде чем использовать BB коды в сообщениях, вы должны убедиться, что они разрешены.
Ниже приведены примеры использования BB кодов.
bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.
На многих форумах возможность использования BB-кодов настраивается администратором индивидуально на каждый раздел форума. Поэтому, прежде чем использовать BB-коды в сообщениях, необходимо убедиться, что они разрешены.
Базовые тэги для работы с текстом:
[p] Обычный абзац с отступом. [/p]
[p= стиль ] Абзац, которому можно задавать стиль. [/p]
* Здесь и далее «стиль» — это аналог style в HTML.
[p=стиль]текст[/p] аналогично в HTML
** С тэгами [p] [/p] можно использовать другие тэги, такие как [b], [i], [s] и т.д.
[span= стиль ] Текст, которому с помощью стиля можно менять свойства. [/span]
[div= стиль ] Ограниченная область, которой с помощью стиля можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.). [/div]
* По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей [div].
Форматирование текста:
[b] Важный текст, полужирный [/b]
[i] Важный текст, курсив [/i]
[bold] Просто полужирный [/bold]
[italic] Просто курсив [/italic]
[u] Подчёркнутый текст [/u]
[s] Зачёркнутый текст [/s] — аналогично варианту [strike] [/strike]
[small] Уменьшенный шрифт [/small]
Знак сноски [sup] сверху [/sup] или индекс [sub] снизу [/sub] от текста
[del] Удалённый текст [/del]
Размеры шрифта:
[size=13pt] Шрифт размером 13 пунктов [size]
[size=15pt] Шрифт размером 15 пунктов [size]
[size=9px] Шрифт размером 9 пикселей [size]
[size=12px] Шрифт размером 12 пикселей [size]
[size=15px] Шрифт размером 15 пикселей [size]
[size=0] Размер 0 [size]
[size=+1] Размер +1 [size]
[size=+2] Размер +2 [size]
Возможные варианты размеров шрифтов (визуальная оценка) доступны здесь.
Заголовки:
[h1] Заголовок 1-го уровня [/h1]
[h2] Заголовок 2-го уровня [/h2]
[h3] Заголовок 3-го уровня [/h3]
[h4] Заголовок 4-го уровня [/h4]
[h5] Заголовок 5-го уровня [/h5]
[h6] Заголовок 6-го уровня [/h6]
Оформление текста с помощью шрифтов:
[font= Times New Roman ] Шрифт Comic Sans Ms [/font]
[font= Monotype Corsiva ] Шрифт Monotype Corsiva [/font]
[font= Tahoma ] Шрифт Tahoma [/font]
Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны здесь.
Оформление текста с помощью цвета:
[color= Red ] Красный текст [/color]
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.
[color= #0000ff ] Синий текст [/color]
* Цифра #0000ff означает синий цвет в RGB палитре.
[bg= #eeeeff ] Голубой фон [/bg]
* У фона тоже можно менять цвет.
[color= #0000ff ] [bg= lightgray ] Синий текст, серый фон [/bg] [/color]
Некоторые предопределённые цвета:
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
Возможные варианты палитры цветов и их кодов/наименований доступны здесь.
Выравнивание текста:
[left] Выравнивание текста по левой стороне [/left]
[left стиль ] Выравнивание по левой стороне со стилем [/left]
[pleft] Выравнивание в абзаце влево [/pleft]
[center] Выравнивание текста по центру [/center]
[center стиль ] Выравнивание по центру со стилем [/center]
[pcenter] Выравнивание в абзаце по центру [/pcenter]
[right] Выравнивание текста по правой стороне [/right]
[right стиль ] Выравнивание по правой стороне со стилем [/right]
[pright] Выравнивание в абзаце справа [/pright]
[justify] Выравнивание текста по обеим сторонам [/justify]
[justify стиль ] Выравнивание по обеим сторонам со стилем [/justify]
[pjustify] Выравнивание в абзаце по обеим сторонам [/pjustify]
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.
Оформление сносок (комментариев) с отступом абзаца:
[q свойства ] Цитата в строке со свойствами [/q]
[quote]
Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).
[/quote]
Примеры:
[quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;54525188]Lorem ipsum dolor sit amet[/quote] 
Форматирование параграфов и областей:
Используем тэг [ul] или [list] для маркированных списков:
[ul]
[*] Один из пунктов списка [/*]
[*] Другой такой пункт [/*]
[*] Ещё один пункт. [/*]
[/ul]
Для пронумерованных списков используем тэг [ol]:
[ol]
[*] Один из пунктов списка [/*]
[*] Другой такой пункт [/*]
[*] Ещё один пункт. [/*]
[/ol]
Закрывающий тэг [/*] не обязателен для использования:
[list]
[*] Один из пунктов списка
[*] Другой такой пункт
[*] Ещё один пункт.
[/list]
Также возможно прямое указания вида списка:
[list=1] — пронумерованный список
[list=a] — алфавитный список
[list=i] — список, пронумерованный римскими цифрами
[img] http://img.cx/img/primer.jpg [/img] — пример вставки картинки.
[imgleft] http://img.cx/img/primer.jpg [/imgleft] — картинка слева.
* Данный код аналогичен коду в HTML: 
[imgright] http://img.cx/img/primer.jpg [/imgright] — картинка справа.
* Данный код аналогичен коду в HTML:
[imgcenter] http://img.cx/img/primer.jpg [/imgcenter] — картинка по центру.
* Данный код аналогичен коду в HTML:
Аналогичные тэги с названиями и всплывающими подсказками:
Важно! В названии картинки нельзя использовать кавычки!
[img Название ] http://img.cx/img/primer.jpg [/img] — пример вставки картинки.
[imgleft Название ] http://img.cx/img/primer.jpg [/imgleft] — картинка слева.
[imgright Название ] http://img.cx/img/primer.jpg [/imgright] — картинка справа.
[imgcenter Название ] http://img.cx/img/primer.jpg [/imgcenter] — картинка по центру.
Картинки с указанными размерами:
[img=300×500] http://img.cx/img/primer.jpg [/img] — пример картинки с размером.
* Данный код аналогичен коду в HTML:
[imgleft=300×500] http://img.cx/img/primer.jpg [/imgleft] — картинка слева, с размером.
[imgright=300×500] http://img.cx/img/primer.jpg [/imgright] — картинка справа, с размером.
Вставка больших изображений с полосами прокрутки:
[image] http://www.hdsw.ru/pics/IMG_1734.jpg [/image] — картинка в выделенной области, если она больше доступного размера отображения на форуме.
Миниатюры изображения со ссылкой на оригинал:
[imgmini=_ адрес-mini ] адрес [/imgmini] — открыть изображение в новом окне.
* Данный код аналогичен коду в HTML:
[imgmini= адрес-mini ] адрес [/imgmini] — открыть изображение в том же окне.
* Данный код аналогичен коду в HTML:
[url] http://www.hdsw.ru/ [/url] — обычная ссылка.
* Данный код аналогичен коду в HTML:
http://www.hdsw.ru/
Картинка-ссылка (баннер):
[url= http://www.hdsw.ru/ ] [img] http://img.cx/img/primer.jpg [/img] [/url] 
[email] e-mail@example.com [/email] — почтовый ящик как ссылка.
[email= e-mail@example.com ] текст под ссылкой на e-mail [/email]
[icq] номер ICQ [/icq] — вставка ICQ-номера как ссылки.
[skype] логин в Skype [/skype] — вставка учётной записи Skype как ссылки.
[wmid] номер WM >[/wmid] — вставка WebMoney-идентификатора WMID как ссылки.
[wiki] искомое значение [/wiki] — ссылка на значение в энциклопедии.
[wiki= искомое значение ] отображаемый текст [/wiki] — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.
Ссылки внутри форумов и блогов:
[user] имя_пользователя [/user] — ссылка на профиль пользователя.
[user= >] имя_пользователя_произвольно [/user] — ссылка на профиль пользователя с произвольным текстом.
[forum= >] Описание [/forum] — ссылка на подфорум по его ID.
[blog= >] Описание [/blog] — ссылка на блог по его ID.
[thread] >[/thread] — ссылка на тему по его ID.
[thread= >] Описание [/thread]
[topic= >] Описание [/topic] — ссылка на тему по его ID.
[post] >[/post] — ссылка на сообщение по его ID.
[post= >] Описание [/post]
[snapback] >[/snapback] — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.
[entry= >] Описание [/entry] — ссылка на пост в блоге по его ID.
Пример простейшей таблицы:
| Строка 1, колонка 1 | Строка 1, колонка 2 |
| Строка 2, колонка 1 | Строка 2, колонка 2 |
[table]
[tr]
[td] Строка 1, колонка 1 [/td]
[td] Строка 1, колонка 2 [/td]
[/tr]
[tr]
[td] Строка 2, колонка 1 [/td]
[td] Строка 2, колонка 2 [/td]
[/tr]
[/table]
В таблице можно указывать произвольные стили и классы. Примеры:
[table ]
[tr rowspan=»2″]
[td style=»font-size: 18pt»]
[br] — тэг переноса строки.
[bs] — вставка неразрывного пробела, преобразуется в
[tab] — вставка отступа на 32 пикселя (4 символа), аналог символа TAB.
[ucase] ТЕКСТ [/ucase] — выделенный текст в верхнем регистре.
[lcase] текст [/lcase] — выделенный текст в нижнем регистре.
[highlight] Этот текст выделен [/highlight] — позволяет выделить ваш текст (цветом/фоном/шрифтом).
[extract] текст [/extract] — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.
[noparse] [b]значение[/b] [/noparse] — отменяет распознавание BB-кодов в выделенном тексте.
[noindex] текст [/noindex] — выделенный текст не будет индексироваться поисковыми системами.
[abbr] аббревиатура [/abbr] — указывает, что последовательность символов является аббревиатурой.
[abbr= расшифровка_аббревиатуры ] аббревиатура [/abbr]
[cite] Сноска [/cite] — помечает текст как цитату или сноску на другой материал.
[cite свойства ] Сноска [/cite]
[address] адрес [/address] — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
[address свойства ] адрес [/address]
[text-demo] — подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).
[hr] — тэг вставки линии на всю ширину доступной области:
Для работы с терминами используется тройка элементов [dl], [dt], [dd], предназначенных для создания списка определений. Каждый такой список начинается с контейнера [dl], куда входит тег [dt], создающий термин и тег [dd], задающий определение этого термина. Закрывающий тег [/dt] не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
Пример:
[dl]
[dt] Термин 1 [/dt]
[dd] Определение термина 1 [/dd]
[dt] Термин 2 [/dt]
[dd] Определение термина 2 [/dd]
[/dl]
Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег [dfn] применяется для выделения таких терминов, при их первом появлении в тексте.
[dfn] Новый термин [/dfn]
[dfn свойства ] Новый термин [/dfn]
Тэги под специализированные видеохостинги с использованием идентификатора:
[youtube] идентификатор [/youtube] — вставка видеоролика с YouTube.com
[rutube] идентификатор [/rutube] — вставка видеоролика с RuTube.ru
[googlevideo] идентификатор [/googlevideo] — вставка видеоролика с Google.com
[veoh] идентификатор [/veoh] — вставка видеоролика с Veoh.com
[smotri] идентификатор [/smotri] — вставка видеоролика с Smotri.com. Возможна модификация [smotricomvideo]
Тэги под специализированные видеохостинги с использованием ссылки:
[mailvideo] ссылка [/mailvideo] — вставка видеоролика с Mail.ru
[yandexvideo] ссылка [/yandexvideo] — вставка видеоролика с Yandex.ru
Любые flash-объекты (сторонние видеохостинги, flash-игры, flash-баннеры и т.д.) можно использовать с помощью: [flash= ширина,высота ] адрес_объекта [/flash]
* Размер области определяется в пикселях.
Примеры:
[youtube]9L4YCG7dJeE[/youtube]
[v > [googlevideo]8420876204610684862[/googlevideo]
[veoh]v922088SBwxySaR[/veoh]
[yandexvideo]pugachev-alexander/1rgzbi6w6b.809/[/yandexvideo]
BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).
[prog= язык ] текст программы [/prog]
где «язык» может принимать значения: cpp, objectivec, cs, delphi, avrasm, 1c, python, profile, perl, erlang, erlang_repl, apache, nginx, php, xml, html, css, java, javascript, vbscript, sql, lisp, django, scala, ruby, go, lua, vala, rsl, rib, mel, smalltalk, bash, cmake, axapta, vhdl, parser3, tex, haskell, dos, ini, diff, no-highlight.
[code] текст моноширинным шрифтом [/code] — любой код и текст.
[code= php ] текст [/code] — код языка PHP с соответствующей «цветовой подсветкой».
[php] отображаемый HTML-код [/php] — код PHP с «цветовой подсветкой». 
[html] отображаемый HTML-код [/html] — код HTML с «цветовой подсветкой». 
[sql] отображаемый HTML-код [/sql] — SQL-код с «цветовой подсветкой».
| Код | Символ | Для набора на клавиатуре нажмите * |
| « | « | ALT+0171 |
| » | » | ALT+0187 |
| — | — | ALT+0151 |
| © | © | ALT+0169 |
| ® | ® | ALT+0174 |
| ™ | ™ | ALT+0153 |
| / | / | |
| > | ||
| ALT+0160 — неразрывный пробел** |
* — Зажмите кнопку ALT, наберите код, отпустите ALT. Работает в Windows.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
— теперь слева отступ в шесть пробелов!
Возможные варианты символов, их названий и кодов доступны здесь.
Заработок и реклама в социальных сетях.
Страницы
18 дек. 2012 г.
Код ссылки с анкором для форумов.
Как сделать ссылку в тексте в сообщении на форуме?
Подскажите, пожалуйста! Ставлю ссылки на мой сайт вручную на форумах, вроде всё делаю правильно, но почему-то они отображаются не в виде анкоров, а как есть: Ссылка на страницу Что я делаю не так?
На форумах используется другой код ссылки, чем на сайтах и блогах, т.е на код ссылки для форума не
Не во всех бланках для ответа на форумах есть гиперссылка. А не подскажете код полностью?
24 комментария :
Даже если активные ссылки запрещены (у меня на форуме новички не могут ставить активные ссылки), то все равно некоторые пытаются оставить URL в сообщении, как правило в сопровождении текста призывающего к действию, либо вызывающего интерес.
Для облегчения работы модераторам порекомендуйте им установить RDS-бар к браузеру, он подсвечивает внешние ссылки, поэтому выявлять различные изощрённые действия будет заметно легче.
Что касается неактивных ссылок, то в последнее время среди заказчиков появилась новая тенденция: многие заказывают размещение текстовых (неактивных) ссылок, предполагаю, что они «работают».
Сейчас анкоры играют очень важную роль, я бы посоветовал анкоры под Яндекс, выяитал в одном месте интерессную информацию, о том что можно рационально использовать анкоры под яндекс в коммерческом смысле.
Доброго времени суток. Прочитав эту статью, я узнал много нового о том, как добавлять ссылки на форумы. Раньше пытался делать это самостоятельно, но не получалось, что не удивительно. Здесь все понятно и просто расписано, так что поймет любой человек и это немаловажно. Теперь я умею делать данную процедуру, благодаря этой статье. Спасибо большое авторам!
Действительно, сейчас так много разных способов добавления ссылок на различные площадки, как и самих форумов, блогов и т.п. Я знала об основных способах добавления ссылок, но бывают случаи, что совсем никак не хочет отображаться, как её не прописывай. А можно ли подобную ссылку вставить в личную информацию? При заполнении профиля, например, в строке «Город»?
Давно искала такую подробную информацию, потому как часто возникали проблемы с написанием и размещением ссылок. Я так понимаю, можно воспользоваться этим способом при отражении личной подписи на форуме. Подскажите, пожалуйста, а ссылка, в которой в основе лежит картинка является тоже анкорной или безанкорной? И еще хотелось бы узнать мнение о том, какие ссылки эффективнее использовать.
Всем привет! Я еще новичок в интернет просторах. И слова анкор и тп для меня мало что значат. Иногда приходится сталкиваться, но так как ничего в этом не смыслю просто пропускаю эти моменты. Предложили заняться копирайтингом, здесь мое недопонимание сказывается мне рублем. В этой статье все так подробно описано и разжевано, что даже я поняла тонкости) Автору большое спасибо за статью!
Работаю в интернете, часто приходится размещать ссылки. На идиотских форумах как понапридумывают всяких ноухау, так и не поймешь, как ссылку-то оставить. Все иконки понажимаешь, пока найдешь искомое. Так и если найдешь, то не размещается. Теперь понятно, что дело в кавычках. Спасибо, очень помогли. Теперь стану вообще продвинутым спецом в делах форумских!
Как по мне, правильно называть её «гиперссылка», но сути это не меняет. Меня очень бесит, когда в разных СМИ и их форумах (особенно федеральных!) не оставляют ссылок в словах. Редко делают сноски, или список ссылок в конце материала. Это очень полезная вещь, особенно когда на форуме оставляют длинную ссылку, перекрывающую текст. Даже читать такие комментарии не хочется
Хотя интернетом пользуюсь уже давно, так и не привыкла к этим странным словечкам:) И пусть я еще многого не знаю, но что свой сайт это выгодно, я уже поняла. Набрела на статью когда искала информацию про анкоры. Все разложено по полочкам, спасибо! Иногда на самом деле очень сложно добавить ту или иную ссылку на некоторых форумах. И зачем так все мудрить?
Очень полезная статья как для начинающих, так и для опытных пользователей. Расписано подробно и понятно. Ничего лишнего, все по делу. Можно смело использовать как подручную инструкцию на каждый день. Сам в свое время намучился с этими анкорными ссылками на форумах, пока как следует не разобрался что к чему. В том числе не в последнюю очередь благодаря таким статьям.
Статья хорошая, прям для самых новичков. Мне кажется, что в наше время (а сейчас на минуточку 2016 год) уже не актуально что-то рекламировать/продвигать на форумах. Сейчас существуют тематические форумы крупные, в которых ведётся, как правило, жёсткая модерация. Получается затраты сил не соизмеримы с результатом. Есть более доступные и работающие схемы.
Напротив, как раз в 2016 году продвижение на форумах на порядок актуальнее, чем раньше. В эпоху минусинска естественные ссылки с форумов очень востребованы и многие заказчики готовы платить за качественно проставленные ссылки на хороших площадках в соответствии с затратами сил и времени.
А о каких альтернативных схемах идет речь? Поделитесь информацией, охотно протестирую.