Как использовать редактор сообщений в форуме

и

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

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

Использование редактора сообщений в форуме

Новая тема

Если Вы создаете «Новую тему» в разделе форума, то в поле «Тема» Вам надо вписать название новой темы. В случае ответа сообщением в уже созданной теме, в поле «Тема» название уже присутствует и исправлять его не надо, иначе потеряется смысл темы после Вашего сообщения и Вы введёте в заблуждение участников этой темы.

Иконки тем

При создании «Новой темы» Вы можете выбрать иконку для темы. Иконка будет отображаться слева от темы в разделе форума и обозначать суть этой темы. Для «Новых тем» по умолчанию присваивается иконка - Листок, если Вы не выбрали иную.

Описание иконок

Листок - Тема-вопрос (назначается по умолчанию)
Восклицательный знак - Важная тема
Вопросительный знак - Тема-вопрос
Лампочка - "Горящая" тема

Описание иконок

Сердечко - Любимая тема
Стрелочки - Вопросы и Ответы
Крестик - Тема, не требующая ответов (закрытая)
Галочка - Тема решена (Найден ответ или решение)

Окно для ввода сообщения

Для удобства составления сообщений с большим количеством знаков в форме для ввода текста, в правом нижнем углу есть небольшой уголок, с помощью которого мышью можно изменить размер формы. Для того чтобы изменить размер формы, нужно навести мышку на уголок и нажать на левую кнопку мыши, и не отпуская её, «потянуть» за уголок вниз или вверх.
В редакторе сообщений вкладка «Написать» предназначена для составления сообщения, а вкладка «Предпросмотр» даёт возможность автору сообщения перед публикацией сообщения, увидеть готовое, оформленное сообщение, т.е как оно будет выглядеть после публикации в теме.
Ниже вкладок «Написать» и «Предпросмотр» для удобства оформления сообщения, распологаются пиктограммы (иконки), с помощью которых можно легко вставлять управляющие теги - BBCode в сообщение.

Нажмите на пиктограмму (иконку), чтобы ознакомиться с описанием её и узнать какой BBCode она вставит в сообщение.

Описание пиктограмм и как пользоваться BBCode в сообщениях

Как сделать текст жирным, наклонным или подчёркнутым

BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
Жирный
Чтобы сделать текст жирным, заключите его в [b][/b]
Например: [b]Коттеджный посёлок[/b]
Станет — Коттеджный посёлок
Курсив
Наклонный текст (Курсив) делается тегами [i][/i]
Например: [i]Коттеджный посёлок[/i]
Станет — Коттеджный посёлок
Подчёркнутый
Для подчёркивания используйте теги [u][/u]
Например: [u]Доброе утро Коттеджный посёлок![/u]
Станет — Доброе утро Коттеджный посёлок!
Зачёркнутый
Чтобы сделать текст зачёркнутым, заключите его в теги [strike][/strike] Например: [strike]Коттеджный посёлок[/strike]
Станет — Коттеджный посёлок

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

Теги для создания индекса

Индексом по отношению к тексту называется смещение символов относительно базовой линии вверх или вниз. В зависимости от положительного или отрицательного значения, индекс называется, соответственно, верхним (надстрочный) и нижним (подстрочный). Они активно применяются в математике, физике, химии и для обозначения единиц измерения.
BBCode предлагает два тега для создания индекса:
[sub] — Подстрочный индекс и [sup] — Надстрочный индекс.
Текст, помещённый в один из этих контейнеров, обозначается меньшим размером, чем базовый текст и смещается относительно горизонтали.
В примере, где можно применить подобные теги:
Подстрочный
Подстрочный индекс — [sub][/sub]:
На примере формулы серной кислоты
Например: H[sub]2[/sub]SO[sub]4[/sub]
Станет — H2SO4
Надстрочный
Надстрочный — [sup] [/sup]:
На примере кубические метры
Например:
Доставка песка на объект от 15 м[sup]3[/sup]
Станет — Доставка песка на объект от 15 м3
Вернуться к началу

Как изменить цвет или размер текста

Для изменения размера или цвета текста могут быть использованы следующие теги (окончательный вид будет зависеть от Вашей системы и браузера):
Размер шрифта
Изменение размера текста достигается при использовании тегов [size=][/size]
Этот тег напрямую зависит от стиля нашего сайта, рекомендуемый формат — число, начиная от 1 (очень маленький) до 6 (очень большой).
1 (очень маленький) = 6 пикселям, а 6 (очень большой) = 18 пикселям. Например:
[size=1]МАЛЕНЬКИЙ[/size] будет МАЛЕНЬКИЙ
[size=6]ЗДОРОВыЙ![/size] будет ЗДОРОВыЙ!
Цвет
Цвет текста можно изменить, окружив его тегами [color=][/color]
Вы можете указать либо известное имя цвета (black, orange, red, blue, purple, green, white, gray) или шестнадцатеричное представление, например #FFFFFF, #000000.
Таким образом, для создания красного текста Вы можете использовать: [color=red]Коттеджный посёлок[/color] или [color=#FF0000]Коттеджный посёлок[/color] оба способа дадут в результате Коттеджный посёлок

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

Создание ненумерованного и упорядоченного списков

BBCode поддерживает два вида списков - Ненумерованный и Упорядоченный. Они практически идентичны своим эквивалентам из HTML.
Ненумерованный список
В Ненумерованном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания ненумерованного списка используйте [ul][/ul] и заключите каждый элемент в теги [li][/li].
Например, чтобы вывести сопутствующие слова, Вы можете использовать:
[ul]
[li]Коттеджный[/li]
[li]Посёлок[/li]
[li]Доброе утро![/li]
[/ul]
Это выдаст такой список:
  • Коттеджный
  • Посёлок
  • Доброе утро!

Упорядоченный список
Упорядоченный тип списка, позволяет выводить перед каждым элементом порядковый номер к каждой строке в списке. Для создания упорядоченного списка используйте [ol][/ol]. Как и в случае ненумерованного списка, элементы заключаются в теги [li][/li].
Например:
[ol]
[li]Купить участок[/li]
[li]Работать "до посинения"[/li]
[li]Построить дом[/li]
[/ol]
Выдаст следующее:
  1. Купить участок
  2. Работать "до посинения"
  3. Построить дом

Пункт списка
Пункт списка [li][/li]
К Ненумерованному или Упорядоченному спискам Вы можете добавить дополнительно пункт списка [li][/li], если предоставленных по умолчанию будет недостаточно.
Вернуться к началу

Разделительная черта в сообщении (Разделитель)

Разделитель
Горизонтальные линии хорошо использовать для отделения одного блока текста от другого. Небольшой по размеру текст, сверху и снизу которого располагаются горизонтальные линии, привлекает больше внимания читателя, чем обычный текст.
С помощью тега [hr] можно создать горизонтальную линию в сообщении, вид которой зависит от используемых атрибутов, а также браузера. Тег относится к блочным элементам, поэтому линия всегда начинается с новой строки, а после неё все элементы отображаются на следующей строке.
Поместите курсор туда, куда Вы хотите вставить горизонтальную линию.
Нажмите на пиктограмму «Разделитель», чтобы вставить горизонтальную линию в сообщение.
Например:
[hr]
Ваше сообщение в теме форума
[hr]

Выдаст:

Ваше сообщение в теме форума

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

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

Выравнивание текста определяет его внешний вид и ориентацию краёв абзаца и может выполняться по левому краю, правому краю и по центру.
В таблице показаны варианты выравнивания блока текста.

Таблица способов выравнивания текста
Выравнивание по левому краю Выравнивание по правому краю Выравнивание по центру
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Выровнять по левому краю
Чтобы установить выравнивание текста по левому краю, поместите текст сообщения в теги [left][/left]
Выравнять по центру
Чтобы установить выравнивание текста по центру, поместите текст сообщения в теги [center][/center]
Выровнять по правому краю
Чтобы установить выравнивание текста по правому краю, поместите текст сообщения в теги [right][/right]
Вернуться к началу

Цитирование при ответах

Цитирование
Есть два способа процитировать текст, со ссылкой и без.
  • Когда Вы используете кнопку «Цитировать» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=""][/quote]. Этот метод позволит Вам цитировать со ссылкой на автора, либо на что-то ещё, что Вы туда впишете. Например для цитирования отрывка текста, написанного Mr. Пользователем, Вы напишете:
    [quote="Mr. Пользователь"] Пользователь предоставил смету по строительству дома [/quote]
    В результате перед текстом будут вставлены слова "Mr. Пользователь пишет:"...:

    Mr. Пользователь пишет: Пользователь предоставил смету по строительству дома

    Помните, Вы должны поставить кавычки "" вокруг имени, они не могут быть упущены.
  • Второй метод просто позволяет Вам что-то процитировать. Для этого Вам надо заключить текст в теги [quote][/quote]. При просмотре сообщения перед текстом будет стоять только символ blockquote (вертикальная линия).
    Пример:
    [quote] Пользователь предоставил смету по строительству дома [/quote]
    Станет:

    Пользователь предоставил смету по строительству дома


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

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

Code
Если Вам надо вывести кусок программы или что-то, что должно быть выведено шрифтом фиксированной ширины (Monaco), Вы должны заключить текст в теги [code][/code].
Например:
[code] echo "This is some code"; [/code]
В результате всё форматирование, используемое внутри тегов [code][/code] будет сохранено.
Вывод содержимого в сообщении будет:
echo "This is some code";

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

Добавление таблицы в сообщение

Таблица
Элемент [table] служит контейнером для элементов [tr][/tr] и [td][/td], определяющих содержимое таблицы.
Таблица состоит из строк и ячеек, которые задаются с помощью тегов [tr] и [td].
Например:
[table]
[tr]
[td]1. Россия[/td]
[td]2. Санкт-Петербург[/td]
[/tr]
[tr]
[td]3. Коттеджный[/td]
[td]4. Посёлок[/td]
[/tr]
[/table]
Выдаст таблицу:
1. Россия 2. Санкт-Петербург
3. Коттеджный 4. Посёлок

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

Что такое Cпойлер и как правильно использовать его в сообщениях

СПОЙЛЕР
Для удобства просмотра темы теги «Спойлер» [spoiler][/spoiler] позволяют скрывать в сообщении объёмное содержание такие, как изображения и длинные тексты. Визуально «Спойлер» представляет собой элемент разметки html-страницы, позволяющий скрыть текст и (или) изображение. Кликнув на этот элемент, можно посмотреть его содержимое.
Чтобы тегами [spoiler][/spoiler] окружить слово или фрагмент текста, надо сначала выделить это слово или этот фрагмент, а потом нажать на пиктограмму «Спойлер». В этом случае автоматически оба тега встанут в нужные места - перед выделением вставится открывающий тег [spoiler], после выделения - закрывающий[/spoiler].
Есть два способа вывода «Спойлера» в сообщении, с текстом заголовка установленный по умолчанию ВНИМАНИЕ: Спойлер! и пользовательским.
Пример для первого способа:
[spoiler][img]http://www.sntmd.ru/images/logotype.png[/img][/spoiler]
Вывод содержимого в сообщении с текстом заголовка по умолчанию будет:
ВНИМАНИЕ: Спойлер! [Нажмите, чтобы развернуть спойлер]
Второй способ - пользовательский заголовок. Этот метод позволит Вам добавить свой заголовок к «Спойлеру».
Если вписать между кавычками текст для заголовка например Объёмное содержание:
[spoiler="Объёмное содержание"][img]http://www.sntmd.ru/images/logotype.png[/img][/spoiler], то в результате в заголовок к «Спойлеру» будет сгенерирован этот текст.
Помните, Вы должны поставить после spoiler знак равно « = » и кавычки « "" » вокруг заголовка, они не могут быть упущены.
Вывод содержимого в сообщении с пользовательским заголовком будет:
Объёмное содержание [Нажмите, чтобы развернуть спойлер]

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

Могу ли я скрыть текст своего сообщения от пользователей?

Скрыть текст от гостей
Да, конечно можете. Например, чтобы скрыть часть текста в сообщении или целиком сообщение от гостей (от неавторизованных пользователей на сайте), Вы должны заключить текст в теги [hide][/hide], чтобы неавторизованные пользователи не увидели скрытый текст.
Например:
Здравствуйте! [hide] Оло-Оло-Оло-лО, я водитель НЛО [/hide] меня зовут коттеджный посёлок!
Гости сайта увидят так:
Здравствуйте! Часть сообщения скрыта для гостей. Пожалуйста, авторизуйтесь или зарегистрируйтесь, чтобы увидеть его. меня зовут коттеджный посёлок!

Конфиденциальная информация
Чтобы предоставить конфиденциальную информацию в сообщении Администратору сайта, Вы должны заключить часть текста в сообщении или целиком сообщение в теги.
[confidential][/confidential]
Вернуться к началу

Добавление картинки в сообщение

Ссылка на изображение
Добавление картинки в сообщение BBCode включает тег для добавления картинки в Ваше сообщение.
При этом следует помнить, что Ваша картинка уже должна быть размещена в интернете (т.е. она не может быть расположена только на Вашем компьютере, если, конечно, Вы не запустили на нём вебсервер!). Для вывода картинки Вы должны окружить её URL тегами [img] [/img].
Полная инструкция по размещению изображений на форуме доступна для ознакомления в меню нашего сайта по адресу - Как добавить ссылку на изображение в сообщение (ссылка)
Например:
[img]http://www.sntmd.ru/images/logotype.png[/img]
Выдаст:
Логотип сайта
Вернуться к началу

Внутренние ссылки и ссылки на другой сайт

Ссылка
В BBCode поддерживается несколько способов создания URL'ов.
  • Первый из них использует тег [url=][/url], после знака равно « = » должен идти нужный URL.
    Например, для ссылки на наш форум Вы могли бы использовать:
    [url=http://www.sntmd.ru/forum]Посещайте чаще наш форум коттеджного посёлка![/url]
    Это создаст следующую ссылку:
    Посещайте чаще наш форум коттеджного посёлка!
    Ссылка будет открываться в новой вкладке, так что пользователь сможет продолжать читать темы форума.
  • Если Вы хотите, чтобы в качестве текста ссылки показывался сам URL, Вы можете просто сделать следующее:
    [url]http://www.sntmd.ru[/url]
    Это выдаст следующую ссылку:
    http://www.sntmd.ru
Как и со всеми прочими тегами BBCode, Вы можете заключать в URL'ы любые другие теги, например [img][/img], [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от Вас. Например:
[url=http://www.sntmd.ru][img] http://www.sntmd.ru/images/logotype.png [/url][/img] НЕВЕРНО, что может привести к последующему удалению Вашего сообщения программно, так что будьте аккуратнее.
Вернуться к началу

Добавление видеоролика в сообщение из видеотеки Провайдера

Видео
Чтобы добавить видео в сообщение, для этого используют управляющие теги [video][/video], между которыми необходимо вставить полный url-адрес видеоролика.
Если выбрать в дополнительном окне вкладку Поставщик, то есть возможность указать параметры вывода размеров окна видеоролика в сообщении.
Размер:
Ширина:
Высота:
Провайдер  ID:
К примеру ссылки на ролики видеотеки YouTube имеют вид: http://www.youtube.com/watch?v=ХХХХXXХХХХХ, где ХХХХXXХХХХХ это ID видео.
Если к параметрам видео задать значения для вывода размера окна с видео в сообщении - Ширина: 480 и Высота: 360
[video width=480 height=360 type=youtube]v2AC41dglnM[/video]
То в сообщении окно с видео будет такого размера:



А если только в поле «Размер» указать значение например: 50
То в сообщение сгенерируется код со значениями установленными по умолчанию:
[video size=50 width=425 height=344 type=youtube]v2AC41dglnM[/video]
В сообщении размер окна с видео будет таким:


Если выбрать вкладку Видео, то достаточно указать ссылку на видеоролик в поле URL
URL:
К примеру ссылки на ролики видеотеки YouTube имеют вид: http://www.youtube.com/watch?v=ХХХХXXХХХХХ
Например:
[video]https://www.youtube.com/watch?v=v2AC41dglnM[/video]
Выдаст размер окна с видео со значениями установленными по умолчанию - width=425 height=344:

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

Добавление Карты Google в сообщение

Карта
Карты Google (англ. Google Maps; ранее Google Local) — набор приложений, построенных на основе бесплатного картографического сервиса и технологии, предоставляемых компанией Google. Сервис представляет собой карту и спутниковые снимки планеты Земля. Для многих регионов доступны высокодетализированные аэрофотоснимки (снятые с высоты 250—500 м), для некоторых — с возможностью просмотра под углом 45° с четырёх сторон света.
Нажмите на пиктограмму «Карта» в редакторе сообщения, для ввода параметров карты в дополнительном окне.
Например если указать значения в параметрах карты:
Тип: Гибридная
Уровень приближения: 12
Город: Санкт-Петербург
[map type=HYBRID zoom=12]Санкт-Петербург[/map]
То вывод карты в сообщении будет таким:
Вернуться к началу

Создание опросов в форуме

Опрос
Создание опросов в форуме выполняется простой и понятной последовательностью действий. Нажав на пиктограмму «poll-settings» (Опрос) для создания опроса, откроется дополнительное окно. В дополнительном окне «Параметры опроса», в поле Название опроса необходимо ввести название опроса.

Чтобы добавить ответ, нажмите на иконку «Плюс»
Чтобы удалить лишний ответ, нажмите на иконку «Минус»
В Поле «Срок жизни опроса», указывать не обязательно (по желанию).
Учтите, что Опрос можно создать только при размещении в форуме Новой темы.
Вернуться к началу

Добавление музыкальных произведений в сообщение из SoundCloud

soundcloud
SoundCloud (от англ. sound cloud — звуковое облако) — онлайн-платформа и сайт для распространения оцифрованнойзвуковой информации (например, музыкальных произведений) обладающая функциями социальной сети, а также одноимённая компания. Ключевой особенностью SoundCloud является возможность распространять каждую запись в отдельности с помощью уникального URL, что позволяет встраивать их в популярные сети (например, в Twitter, Facebook) в отличие от MySpace, который позволяет слушать списки воспроизведения только на его собственном сайте. Кроме того, SoundCloud предоставляет дополнительные виджеты, позволяющие размещать их на сайтах и в блогах пользователей.

Чтобы добавить композицию из SoundCloud в сообщение, для этого используют управляющие теги [soundcloud] [/soundcloud], между которыми необходимо вставить полный url-адрес композиции.
Например:
[soundcloud]https://soundcloud.com/lensko/lensko-sarvagon-2015[/soundcloud]
Выдаст в сообщении:

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

Как вставить смайлик в сообщение

Смайлики
Хоть и смайлики практически не несут никакой информации – многие их используют для придания сообщению лучшего визуального вида или выражения своего эмоционального состояния на момент написания. После нажатия на пиктограмму «Смайлики», откроется дополнительное окно с множеством смайликов. Выбрав нужный смайл, нужно кликнуть по нему левой кнопкой мышки и код смайла вставится ровно туда, где Вы установили мигающий курсор в окне для сообщения. После этого дополнительное окно нужно закрыть, чтобы продолжить составлять сообщение.
Вернуться к началу

Могу ли я комбинировать теги?

Да, конечно можете. Например для привлечения чьего-то внимания Вы сможете написать:
[size=6][color=red][b] ПОСМОТРИТЕ НА МЕНЯ! [/b][/color][/size]
Что выдаст
ПОСМОТРИТЕ НА МЕНЯ!
Мы не рекомендуем выводить таким образом длинные тексты! Учтите, что Вы, автор сообщения и должны позаботиться о том, чтобы теги были правильно вложены. Вот этот BBCode, например, неправилен: [b][u] Это неверно [/b][/u]
Вернуться к началу

Могу ли я добавить собственные теги?

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

О Нас

Тематический портал, посвящённый строительству, благоустройству и сообществу в СНТ «Марьины дачи» города Санкт-Петербург.
Этот сайт создан по общественной инициативе жителей СНТ «Марьины дачи» города Санкт-Петербург.