Как использовать редактор сообщений в форуме
и
Руководство по 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]
Выдаст следующее:
- Купить участок
- Работать "до посинения"
- Построить дом
Пункт списка [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]
Станет:
Пользователь предоставил смету по строительству дома
Вернуться к началу
Вывод кода или форматированного текста
Если Вам надо вывести кусок программы или что-то, что должно быть выведено шрифтом фиксированной ширины (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
[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 (от англ. 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]
Вернуться к началу
Могу ли я добавить собственные теги?
НетВернуться к началу