Помост

Вопросы веры

Bb коды для форума

Введение

bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.

На многих форумах возможность использования BB-кодов настраивается администратором индивидуально на каждый раздел форума. Поэтому, прежде чем использовать BB-коды в сообщениях, необходимо убедиться, что они разрешены.

Форматирование шрифта

Базовые тэги для работы с текстом:

Обычный абзац с отступом.

Текст, которому с помощью стиля можно менять свойства.

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

Важный текст, полужирный

Важный текст, курсив

Просто полужирный

Просто курсив

Подчёркнутый текст

Зачёркнутый текст — аналогично варианту

Уменьшенный шрифт

Знак сноски сверху или индекс снизу от текста

Добавленный текст

Удалённый текст

Размеры шрифта:

Шрифт размером 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 палитре.

Голубой фон
* У фона тоже можно менять цвет.

Синий текст, серый фон

Некоторые предопределённые цвета:

Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RRGGBB):

Возможные варианты палитры цветов и их кодов/наименований доступны .

Выравнивание текста и форматирование параграфов

Выравнивание текста:

Выравнивание текста по левой стороне

Выравнивание по левой стороне со стилем

Выравнивание в абзаце влево

Выравнивание текста по центру

Выравнивание по центру со стилем

Выравнивание в абзаце по центру

Выравнивание текста по правой стороне

Выравнивание по правой стороне со стилем

Выравнивание в абзаце справа

Выравнивание текста по обеим сторонам

Выравнивание по обеим сторонам со стилем

Выравнивание в абзаце по обеим сторонам
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.

Оформление сносок (комментариев) с отступом абзаца:

Цитата в строке

Цитата в строке со свойствами

Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).

Форматирование параграфов и областей:

Привет! В этом абзаце первое предложение будет с «красной» строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком. Преформатированый текст сохраняет отступы слева и между словами и устанавливает те отступы, что вы укажите пробелами. Предупреждение! Тэг не делает переноса строки автоматом! Форматирование списков

Используем тэг или для маркированных списков:

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Для пронумерованных списков используем тэг :

  1. Один из пунктов списка
  2. Другой такой пункт
  3. Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Закрывающий тэг не обязателен для использования:

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Также возможно прямое указания вида списка:
— пронумерованный список
— алфавитный список
— список, пронумерованный римскими цифрами

Картинки

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 — картинка по центру.

Картинки с указанными размерами:

http://img.cx/img/primer.jpg — картинка слева, с размером.

http://img.cx/img/primer.jpg — картинка справа, с размером.

Вставка больших изображений с полосами прокрутки:

Миниатюры изображения со ссылкой на оригинал:

Ссылки на другие страницы, FTP, E-Mail и др.

http://www.hdsw.ru/ — обычная ссылка.
* Данный код аналогичен коду в HTML:
<a href=»http://www.hdsw.ru/»>http://www.hdsw.ru/</a>

Картинка-ссылка (баннер):
http://img.cx/img/primer.jpg

e-mail@example.com — почтовый ящик как ссылка.

номер ICQ — вставка ICQ-номера как ссылки.

логин в Skype — вставка учётной записи Skype как ссылки.

номер WMID — вставка WebMoney-идентификатора WMID как ссылки.

искомое значение — ссылка на значение в энциклопедии.

отображаемый текст — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.

Ссылки внутри форумов и блогов:

Описание — ссылка на подфорум по его ID.

Описание — ссылка на блог по его ID.

ID_темы — ссылка на тему по его ID.
Описание

Описание — ссылка на тему по его ID.

ID_сообщения — ссылка на сообщение по его ID.
Описание

ID_сообщения — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.

Описание — ссылка на пост в блоге по его ID.

Таблицы

Пример простейшей таблицы:

Строка 1, колонка 1 Строка 1, колонка 2
Строка 2, колонка 1 Строка 2, колонка 2

Специальные тэги

— тэг переноса строки.

— вставка неразрывного пробела, преобразуется в &nbsp;

— вставка отступа на 32 пикселя (4 символа), аналог символа TAB.

ТЕКСТ — выделенный текст в верхнем регистре.

текст — выделенный текст в нижнем регистре.

Этот текст выделен — позволяет выделить ваш текст (цветом/фоном/шрифтом).

текст — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.

значение — отменяет распознавание BB-кодов в выделенном тексте.

текст — выделенный текст не будет индексироваться поисковыми системами.

ТВС — позволяет ввести сокращение (акроним), которое будет показывать пояснение при наведении на него мышью.

Сноска — помечает текст как цитату или сноску на другой материал.
Сноска

адрес — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
адрес

— подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).

— тэг вставки линии на всю ширину доступной области:

Работа с терминами

Для работы с терминами используется тройка элементов , , , предназначенных для создания списка определений. Каждый такой список начинается с контейнера , куда входит тег , создающий термин и тег , задающий определение этого термина. Закрывающий тег не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

Пример:

Термин 1
Определение термина 1
Термин 2
Определение термина 2

Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег применяется для выделения таких терминов, при их первом появлении в тексте.

Новый термин

Новый термин

Вставка видео и других flash-объектов

ссылка — универсальный тег.

Тэги под специализированные видеохостинги с использованием идентификатора:

идентификатор — вставка видеоролика с YouTube.com

идентификатор — вставка видеоролика с RuTube.ru

идентификатор — вставка видеоролика с Google.com

идентификатор — вставка видеоролика с Veoh.com

идентификатор — вставка видеоролика с Smotri.com. Возможна модификация

Тэги под специализированные видеохостинги с использованием ссылки:

ссылка — вставка видеоролика с Mail.ru

ссылка — вставка видеоролика с Yandex.ru

Отображение примеров различных кодов

BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).

отображаемый HTML-код — код PHP с «цветовой подсветкой».

отображаемый HTML-код — код HTML с «цветовой подсветкой».

отображаемый HTML-код — SQL-код с «цветовой подсветкой».

Специальные символы

* — Зажмите кнопку ALT, наберите код, отпустите ALT. Работает в Windows.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
&nbsp; &nbsp; &nbsp; — теперь слева отступ в шесть пробелов!

Возможные варианты символов, их названий и кодов доступны .

Поделитесь страницей в социальных сетях

Обновлено — 2 января 2020 в 13:02

Зачёркнутый текст в ВК — популярная фича 2020 года. Многие сообщества и пользователи привлекают внимания подписчиков, перечёркнутым текстом.

На самом деле ничего сверхъестественного в этом нет, просто перед каждой буквой проставляется специальный код.

Мне казалось, что этот секрет Вконтакте давно пофиксили, но оказалось, что на новом дизайне писать зачёркнутым текстом в ВК можно и нужно.

Как писать зачеркнутым текстом Вконтакте

Чтобы сделать зачёркнутый текст в ВК в любом месте соц. сети (на стене, в сообщении/комментарии) достаточно перед каждой буквой слова вставить код:

Например, привет:

&#0822;п&#0822;р&#0822;и

&#0822;в&#0822;е&#0822;т

Получается вот такой перечёркнутый текст.

Как видите, ничего сложного нет. Главное не забывать перед буквами слова вставлять вышеописанный код (для удобства копируйте и вставляйте).

Если собеседник не видит в личном сообщении зачёркнутый текст, то скажите ему, чтобы он обновил страницу (клавиша F5).

В новом дизайне Вконтакте 2020 данный метод работает без проблем. Как и в мобильной версии.

Если не получилось писать зачёркнутым текстом, то посмотрите простой видеоурок.

Зачеркнутый текст HTML

Для зачеркивания текста в HTML применяется тег strike:

<ol> <li>Электроник</li> <li>Сыроежкин</li> <li><strike>Смирнов</strike></li> <li><strike>Чижиков</strike></li> <li>Кукушкина</li> </ol>

Результат выполнения данного кода:

  1. Электроник
  2. Сыроежкин
  3. Смирнов
  4. Чижиков
  5. Кукушкина

Данный тег не имеет атрибутов. Вместо тега HTML strike может использоваться и сокращенная его версия — s (аналогично, жирный — b, курсив — i, подчеркнутый — u):

Конструктор <s>LEGO</s> «Нубекс»

Как вы можете видеть, результат аналогичен:

Конструктор LEGO «Нубекс»

Использование тега s и strike считается неверным с точки зрения валидации кода (необходимо использовать переходной Doctype). Или другой вариант — использовать CSS.

Перечеркнутый текст: CSS

С помощью CSS текст можно «декарировать» при помощи свойства text-decoration. Это свойство может принимать следующие значения:

  • line-through — используется для перечеркивания текста;
  • underline — подчеркивает текст;
  • overline — используется для помещения линии над текстом (надчеркнутый текст);
  • blink — тест мигает (каждую секунду);
  • none — позволяет отменить все эффекты, примененные к тексту.

Указанные значения могут быть применены одновременно, для этого нужно записать нужные параметры через пробел. Например, применим одновременно подчеркивание, надчеркивание и мигание:

text-decoration: underline blink overline;

Сделаем теперь перечеркнутый текст при помощи CSS:

Все BB-коды все обозначения для тегов, список всех bbCode, пример

2019/11/05 Марат 318 0 #BBCODE |

Поддержи проект!!!

Список всех bbCode — обозначение, значение, написание, на странице приведены, практически все известные обозначения для BB-кодов!

На этой странице только список всех bbCode, а как использовать bbCode?
Не смогли найти нужный тег!? Нажмите ctrl + F и попробуйте поискать таким образом…

Список всех тегов BBcode

  1. Теги BBcode форматирование текста
  2. Теги BBcode форматирование шрифтов
  3. Теги BBcode цвета
  4. Теги BBcode выравнивание текста и форматирование параграфов
  5. Теги BBcode Картинки
  6. Теги BBcode таблицы
  7. Теги BBcode специальные тэги
  8. Теги BBcode работа с терминами
  9. Теги BBcode видео и других flash-объектов
  10. Теги BBcode Отображение примеров различных кодов
  11. Теги BBcode Специальные символы
  12. Теги BBcode форматирование списков

Используем тэг или для маркированных списков:

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Для пронумерованных списков используем тэг :

  1. Один из пунктов списка
  2. Другой такой пункт
  3. Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Закрывающий тэг не обязателен для использования:

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Также возможно прямое указания вида списка:
— пронумерованный список
— алфавитный список
— список, пронумерованный римскими цифрами

e-mail@example.com — почтовый ящик как ссылка.

номер ICQ — вставка ICQ-номера как ссылки.

логин в Skype — вставка учётной записи Skype как ссылки.

номер WMID — вставка WebMoney-идентификатора WMID как ссылки.

искомое значение — ссылка на значение в энциклопедии.

отображаемый текст — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.

Ссылки внутри форумов и блогов:

Описание — ссылка на подфорум по его ID.

Описание — ссылка на блог по его ID.

ID_темы — ссылка на тему по его ID.
Описание

Описание — ссылка на тему по его ID.

ID_сообщения — ссылка на сообщение по его ID.
Описание

ID_сообщения — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.

Описание — ссылка на пост в блоге по его ID.

Вас может еще заинтересовать список тем : #BBCODE | Последняя дата редактирования : 2020-03-17 04:30 Теги:
bbCode описание кодовтеги bbcodebbcode тегиbbcode кодыbbcode коды bbcode для форума bbcode картинка phpbb bbcode bbcode цветов bbcode текст bbcode url картинки код блога html код форума bbcode bbcode img bbcode spoiler bbcode code bbcode цвета bbcode изображения bbcode ru bbcode forums bbcode таблица php bbcode e php bbcode fifa bbcode images открытки bbcode php bbcode playstation bbcode youtube php bbcode playstation bbcode ганжаварс php bbcode fallen bbcode float теги bbcode php bbcode psn php bbcode ps phpbb bbcode html wp bbcode php bbcode psn php bbcode playstation php bbcode playstation php bbcode playstation php bbcode fifa php bbcode pokemon php bbcode fifa

BB-коды. Оформление сообщений.

BB-код или BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки.
Форматирование текста

жирный текст
курсивный текст
подчеркнутый текст
перечеркнутый текст
верхний индекс
нижний индекс
жирный текст
курсивный текст
подчеркнутый текст
перечеркнутый текст
верхний индекс
нижний индекс
— цвет текста:
Не злоупотребляйте цветами, помните, то, что нравится вам — может оказаться неудобным для других.
синий Результат: синий
— размер текста:
Уменьшение или увеличение текста в диапазоне 60-190% с шагом 10%.
Не злоупотребляйте размерами не всем это может понравиться. Используйте только в крайнем случае.
увеличенный размер
уменьшенный размер Результат:
увеличенный размер
уменьшенный размер
Положение текста
выравнивание по левому краю
выравнивание по центру
выравнивание по правому краю Результат:
выравнивание по левому краю выравнивание по центру выравнивание по правому краю
— ссылка:
Ссылки разделены на внешние (выделяются синим цветом и открываются в новом окне) и внутренние (форум, сайт, файловый сервер — открываются в том же окне).
Ссылки по-умолчанию преобразовываются в активные, но вы можете оформить их понятнее, добавив ссылочный текст.

Форум самогонщиков

Яндекс Результат:

Форум самогонщиков

— ссылка на файл на сервере ХД:
Варианты использования:
описание или название файла
url или относительный путь к файлуВ первом варианте в ссылке отображается описание.
Во втором варианте отображается идентификатор файла с расширением.
Если файл является картинкой, миниатюрка добавляется автоматом, если есть описание, то оно тоже добавляется.
url — это полный адрес файла, например:
https://cdn.homedistil.ru/fs/1910/04/1.8777.jpgотносительный путь — это то, что начинается после букв, например:
1910/04/1.8777.jpgПри автоматеческой вставке (по копке) вставляется путь, для краткости.
Вы можете вставлять так, как больше нравится.
Примеры:
upload.jpg
1910/04/1.8777.jpg
Upload. BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. Технический.8777. BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. Технический.8777. BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. Технический.
Если вставить кривую ссылку, результат будет такой: invalid url
Тег работает только с файлами, загруженными на сервер ХД!
— изображение:
Старайтесь не использовать изображения в полный размер, вместо этого пользуйтесь миниатюркой со ссылкой на полный размер. У изображения можно задавать ширину — width, высоту — height и альтернативный текст — alt.

https://forum.homedistiller.ru/Themes/default/images/logo.gif Результат:
BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. Технический.
BB-коды. Оформление сообщений. Инструкции. Работа сайта и форума. Технический.
Списки
Список состоит из двух кодов: — сам список и — элемент списка. Можно устанавливать тип маркера: диск, цифры, буквы и т.д.
Типы маркеров:
none — отсутствует;
disc — диски (по-умолчанию);
circle — кружки;
square — квадраиы;
decimal — цифры;
lower-roman — цифры римские (строчные);
upper-roman — цифры римские (прописные);
lower-alpha — буквы английские (строчные);
upper-alpha — буквы английские (прописные).

элемент 1
элемент 2

элемент 1
элемент 2
Результат:

  • элемент 1
  • элемент 2

  • элемент 1
  • элемент 2

Таблицы
Таблица состоит из трех кодов — сама таблица, — строка и — ячейка/столбец.

строка 1, столбец 1
строка 1, столбец 2

строка 2, столбец 1
строка 2, столбец 2

Результат:

строка 1, столбец 1 строка 1, столбец 2
строка 2, столбец 1 строка 2, столбец 2

— горизонтальная линия:
Ими разделены коды в данном сообщении.

— аббревиатура:
При наведении мышкой всплывает расшифровка.
СельМаг Результат: СельМаг
— акроним:
При наведении мышкой всплывает расшифровка.
СС Результат: СС
— якорь:
Используется для прокрутки страницы в определенное место.
Используйте только английские буквы, цифры, тире и подчеркивание.
С помощью якорей можно сделать например навигацию по большому сообщению, разбить сообщение на смысловые блоки и к каждому подзаголовку каждого блока добавить якорь. Тогда в начале сообщения можно создать меню со ссылками на якори и при клике на такую ссылку страница просто будет прокручиваться в нужное место.
Для того, чтобы понять как он работает, допишите в адресной строке браузера, в самом конце адреса, #podzagolovok и нажмите Enter. Браузер автоматически прокрутит страницу к тому месту, где находится этот тег.
Подзаголовок Результат: Подзаголовок
— код, форматирование вложенных BB-тегов ОТКЛючено:
Отображение текста в отдельном блоке машинописным шрифтом.
Этим тегом оформлены примеры кода в данном сообщении.
фрагмент кода
Результат:
фрагмент кода
Тег может принимать в качестве параметра формат подсветки синтаксиса.
Включенные форматы: javascript, arduino, c, cpp (С++), python, sql.
var foo = ‘Hello, World!’;
alert(foo );
Результат:
var foo = ‘Hello, World!’;
alert(foo );
— код, форматирование вложенных BB-тегов ВКЛючено:
Отображение текста в отдельном блоке машинописным шрифтом.
Внешне немного отличается от , без иконки и горизонтальные отступы меньше.
фрагмент кода
Результат:
фрагмент кода
— спойлер:
Слово спойлер (от английского to spoil — портить) означает раскрыть основное содержание, испортив интригу.
Данный тег позволяет сохранить интригу, делая содержимое не читаемым, при наведении мышкой содержимое становится читаемым.
На других форумах бывает используют этот тет как тег на этом форуме.
100% спирта не бывает Результат: 100% спирта не бывает
— скрытый фрагмент текста:
Используйте этот код в новой строке, иначе при раскрытии блока будут возникать неудобства.
скрытый фрагмент текста
скрытый фрагмент текста Результат:
Скрытый текстскрытый фрагмент текста Заголовокскрытый фрагмент текста
— отключить форматирование:
Внутри этого кода другие BB-коды не работают, а результат отображается как обычный текст.
жирный текст Результат: жирный текст
— цитата:
Цитирование сообщения с форума или другого интернет ресурса.
В цитатах не отображаются картинки и не работает выделение текста.
Используйте цитаты разумно, не добавляйте их там, где они не нужны, не цитируйте последние сообщения.
При цитировании сообщений с помощью спец кнопки автоматически добавляются: автор, дата и ссылка на сообщение.

admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Наверх