Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое.

Юллюстрированная справка для начинающих.

Правила форума, справки и инструкции по работе с форумом (как оформлять публикации, использовать карты, видео и многое другое). Здесь же можно задать вопросы по работе форума и получить помощь, если у вас что-то не получается.
Аватара пользователя
Maestro
Администратор
Сообщения: 105
Зарегистрирован: 11 мар 2018, 18:56
Имя: Анон Сбоев

Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое.

Сообщение Maestro » 15 мар 2018, 17:58 #1

Если вы уже ранее общались на любых форумах, то многое будет знакомо. У всех форумов основные функции работают примерно одинаково. Отличия в основном в некоторых дополнительных возможностях (которые, впрочем, обычно тоже где-нибудь ещё встречаются). Эти инструкции помогут вам, если вы на форуме впервые, или хотите узнать о специфических функция именно нашего форума, или просто освежить память.

:wel: Общие сведения о разметке.

Для разметки страниц в форумах используются так называемые BB-коды.
Все доступные коды оформления расположены в двухрядной панели над формой для набора текста. Если навести мышь на любой из них, то появится подсказка о том, что это за код и пример его использования.
Обычно разметка с их помощью выглядит как [BB-код]текст[/BB-код].
Как видите, разметка состоит из двух половинок кода в квадратных скобках, и собственно текста (или ссылки, когда речь о вставке ссылок, картинок, видео или карт), который помещается между этими половинками кода.
Некоторые коды имеют параметр, который нужно указать внутри первой части кода в квадратных скобках после знака = и перед закрывающей скобкой.
Например [BB-код=параметр]текст[/BB-код]. В качестве параметра обычно используется заголовок или ссылка.
В некоторых кодах разметки параметр должен быть в кавычках [BB-код="параметр"]текст[/BB-код]
Далее разберём примеры использования конкретных BB-кодов и функций.

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

:click: Базовые функции разметки текста описаны в стандартном руководстве по BB-коду:
Узнайте, как сделать текст жирным, наклонным или подчёркнутым, и другие простейшие функции.
Если вы уже общались на любых форумах, то эти функции скорее всего вам знакомы, т.к. они везде устроенны одинаково.

:hud: Как вставить изображение в текст?
Для этого есть специальный код img. Ссылка на изображение для вставки в текст должна иметь такой вид (пример):

Код: Выделить всё

[img]http://pohodmaster.ru/images/avrelia-190.png[/img]

Результат будет выглядеть так (пример):
Изображение

:old: Таким же способом можно вставлять в текст изображения, загруженные на форум и прикреплённые к сообщению. На вкладке "Вложения" под формой набора текста есть кнопка "Добавить файлы" (в форме быстрого ответа она видна сразу). Загрузите изображения на форум через эту функцию, а затем просто копируйте ссылки на нужные изображения (правая кнопка мыши по имени файла -> копировать ссылку) и вставляйте их через код img. Пример:

Код: Выделить всё

[img]http://avrelia.info/download/file.php?mode=view&id=11[/img]

Как это выглядит (нажмите для увеличения):
Изображение

:gaz: Подобным образом можно вставить в текст изображение из любого вложения любого сообщения. Просто нажимайте правой кнопкой мыши по миниатюре во вложении, копируйте ссылку (просто ссылку, а не на изображение) и вставляйте через код img, как вы уже умеете.
Как это выглядит (нажмите для увеличения):
Изображение

Что нужно знать ещё про изображения? :dum:
У форума есть удобное увеличение изображений, размещённых в тексте. Когда вы нажимаете на на изображение в тексте, оно увеличивается, а экран затемняется. Чтобы выйти из режима просмотра, нажмите мышкой в любое место вне рисунка, или на крестик во всплывающем меню просмотра (вверху изображения, когда наводите на него курсор), или кнопку Esc на клавиатуре (попробуйте на картинках выше).

:mic: Как вставить видео в сообщение?
Форум поддерживает вставку видео с ютуба (YouTube).
Здесь всё очень просто, делается это при помощи BB-кода youtube (нужная кнопка хороша заметна на панели кодов).
Просто разместите ссылку на видеоролик внутри кода, например так:

Код: Выделить всё

[youtube]https://www.youtube.com/watch?v=QNktO1UrfNE[/youtube]

Получится такой результат (будет отображена ссылка на видео и видеоплеер под ней):
https://www.youtube.com/watch?v=QNktO1UrfNE
Этот код поддерживает вставку только с YouTube. Если видео с YouTube встроено на страницу социальной сети вроде одноклассников или вконтакте, то вам необходимо перейти на сам YouTube и скопировать ссылку на видео из адресной строки вашего браузера для вставки на форум. Чтобы открыть оригинальное видео на самом YouTube обычно достаточно просто нажать на логотип YouTube внизу справа на видео (появляется при просмотре видео), и вы будете переброшены на страницу оригинала, ссылку на которую и можно вставлять в форум.
Вложения
Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое. - Инструкция-как-вставлять-изображения.jpg
Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое. - Инструкция-как-вставлять-изображения-из-постов.jpg


Теги:

Аватара пользователя
Maestro
Администратор
Сообщения: 105
Зарегистрирован: 11 мар 2018, 18:56
Имя: Анон Сбоев

Как вставлять цитаты и ссылки, как раскрасить текст

Сообщение Maestro » 15 мар 2018, 18:01 #2

Как процитировать чьё-то сообщение или его часть?
Часто бывает ситуация, когда нужно ответить на чьё-то сообщение или на его часть (а иногда даже "сделать разбор по пунктам").
Здесь вам поможет цитирование. Просто выделяйте нужный фрагмент. Появится кнопка "Вставить цитату в окно ответа", нажмите её, и выделенный текст отправится в форму ответа сразу в виде оформленной цитаты. В одном сообщении вы можете делать сколько угодно цитат друг за другом.
Изображение
Так будет выглядеть результат из этого примера:
Maestro писал(а):Таким же способом можно вставлять в текст изображения, загруженные на форум и прикреплённые к сообщению. На вкладке "Вложения" под формой набора текста есть кнопка "Добавить файлы" (в форме быстрого ответа она видна сразу).


Как вставить ссылку?
Казалось бы, тут всё просто, можно просто вставить ссылку в текст и всё. Но ссылки можно и оформлять. Например:
Ссылка на нашу группу вконтакте
Для этого ссылка и её описание должны быть заключены в такую конструкцию:

Код: Выделить всё

[url=ССЫЛКА (полная, включая http://)]ТЕКСТ ССЫЛКИ[/url]

Пример:

Код: Выделить всё

[url=https://vk.com/avreliainfo]Ссылка на нашу группу вконтакте[/url]

Результат:
Ссылка на нашу группу вконтакте

А ещё можно сделать это очень удобно в визуальном редакторе.
Для этого нажмите значок BB-кода ссылки, удерживая CTRL на клавиатуре, и в открывшемся окошке просто заполните поля, как на рисунке с примером:
Изображение

Как раскрасить текст?
Для этого есть специальный BB-код color. В него заключается текст, а в качестве параметра указывается код цвета.
Пример:

Код: Выделить всё

[color=#0000FF]Как раскрасить текст?[/color]

Результат:
Как раскрасить текст?

Прописывать коды вручную не обязательно. Просто выделите нужный текст и нажмите на значок "Цвет шрифта", откроется палитра, в которой выбирайте желаемый цвет:
Изображение
Вложения
Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое. - инструкция-как-цитировать.jpg
Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое. - инструкция-оформление-ссылок.jpg
Оформление текстов и сообщений. Как вставлять видео, изображения и многое другое. - инструкция-как-раскрасить-текст.jpg


Аватара пользователя
Maestro
Администратор
Сообщения: 105
Зарегистрирован: 11 мар 2018, 18:56
Имя: Анон Сбоев

Что такое спойлеры, оффтопик и скрытый текст?

Сообщение Maestro » 28 мар 2018, 17:10 #3

Спойлером называют сворачиваемый (и разворачиваемый) текст. Эта функция удобна во многих случаях, когда размещается большой текст и к нему нужно добавить какие-то комментарии, дополнения, примечания от автора или даже текст не по теме. Для последнего существует отдельный код оформления, а так же есть код скрытия текста от гостей. Все они находятся на панели BB-кодов в текстовом редакторе и расположены рядом друг за другом в смысловом порядке, смотрите рисунок:
Изображение
:book: Разберём их по порядку:

Первый и самый стандартный спойлер с возможностью задать свой заголовок выглядит так:

Код: Выделить всё

[spoiler="открыть письмо друга"]Пример текста-дополнения с возможностью задать свой заголовок[/spoiler]

Результат будет выглоядеть так:
Пример текста-дополнения с возможностью задать свой заголовок

Обратите внимание, что в этом спойлере заголовок после знака равно (=) должен быть в кавычках, иначе спойлер работать не будет и получится вот так:
[spoiler=открыть письмо друга]Пример текста-дополнения с возможностью задать свой заголовок[/spoiler]

Можно и не менять заголовок и использовать стандартный по желанию:

Код: Выделить всё

[spoiler="Скрытый текст"]Пример текста-дополнения с возможностью задать свой заголовок со стандартным заголовком[/spoiler]

Пример текста-дополнения с возможностью задать свой заголовок со стандартным заголовком


:hud: СПОЙЛЕР С ОФОРМЛЕНИЕМ
У него нет возможности задавать собственный заголовок, но он выглядит красивее и удобен, когда нужно добавлять по тексту различные примечания и дополнения. Так выглядит его код:

Код: Выделить всё

[spoil]Пример дополнения или примечания, которое будет оформлено с красивой кнопкой "Показать"[/spoil]

И так выглядит результат работы:
► Показать


:dum: ОФФТОПИК
Что такое оффтопик?Так принято называть сообщение не по теме, сюда же обычно относят понятие "флуд" (пустая болтовня). Обычно это требуется заключать в простой спойлер, чтобы не отвлекать читателей от основного текста (по желанию читатель откроет спойлер и посмотрит ваши "мысли вслух"). Но иногда бывает нужно выделить что-то важное, но не относящееся к основной теме обсуждения. Для этого есть отдельный BB-код "Сообщение не по теме":

Код: Выделить всё

[offtopic]Пример добавления сообщения, не относящегося к основной теме[/offtopic]

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


:lup: СКРЫТЫЙ ТЕКСТ
Скрытый текст или "хайд" (как его иногда называют) - это текст, доступный только зарегистрированный пользователям. Если по какой-то причине вы хотите спрятать что-то от гостей сайта, то можете воспользоваться этим BB-кодом. Для просмотра содержимого "хайда" пользователь должен зарегистрироваться и авторизоваться на сайте. Пример:

Код: Выделить всё

[hidden]Этот текст видят только зарегистрированные пользователи сайта[/hidden]

Так будет выглядеть результат:
Скрытый текст
Для просмотра скрытого текста необходимо быть авторизованным пользователем.

Не авторизованный посетитель вместо содержимого этого блока увидит сообщение "Для просмотра скрытого текста необходимо быть авторизованным пользователем".
Вложения
Как использовать спойлеры? - Инструкция-что-такое-спойлеры.jpg
Как использовать спойлеры?



  • Интересное по теме
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Форум о форуме»