RuPLANET.TOP

Вступление

Что такое BBCode?

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

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

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

Как добавить «красную строку»

  Чтобы сделать отступ (красную строку), нужно вместо пробела набрать следующую комбинацию Alt+255, т.е. устанавливаете курсор в нужное место, нажимаете на клавиатуре кнопку Alt, и удерживая её, набираете 255. При этом ничего печататься не будет. После набора этой комбинации, отпускаете кнопку Alt, и на месте курсора появляется пробел. Если одного пробела мало, то нужно просто повторить эти же действия.

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

---

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

  BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:

• Чтобы сделать текст жирным, заключите его в [b][/b], например:
  [b]Привет[/b] -> станет Привет
• Для подчёркивания используйте [u][/u], например:
  [u]Доброе утро[/u] -> станет Доброе утро
• Курсив делается тегами [i][/i], например:
  Это [i]здорово![/i] -> выдаст Это здорово!

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

---

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

  Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):

• Цвет текста можно изменить, окружив его [color=][/color]. Вы можете указать либо известное имя цвета (red, blue, yellow и т. п.), либо шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста вы можете использовать:
  [color=red]Привет![/color] или [color=#FF0000]Привет![/color] оба способа дадут в результате Привет!

• Изменение размера достигается аналогичным образом при использовании [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% (очень большой) от размера по умолчанию. Например:
  [size=30]МАЛЕНЬКИЙ[/size] скорее всего будет МАЛЕНЬКИЙ в то время как:
  
  [size=200]ОГРОМНЫЙ![/size] будет ОГРОМНЫЙ!

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

---

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

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

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

---

Как заключить в теги уже написанный текс?

  Чтобы быстро заключить в теги уже написанный текс, надо сначала выделить его. А потом просто нажать кнопку с соответствующим тегом. Можно нажать сразу несколько тегов по очереди, тогда к тексту применятся сразу несколько правил, в этом случае внешним является первый тег, остальные будут вкладываться внутрь.
  Если к уже оформленному тегами тексту захотелось применить ещё одно правило, то поступаем также. Т.е. сначала выделяем текст внутри тегов, а затем нажимаем кнопку с новым форматированием. В результате выделенный текст будем оформлен новыми тегами внутри тех, что уже были.
  Пример. Надо сделать цветным и наклонным следующий текст: «Какой-то текст». Сначала выделяем его, а потом нажимаем сначала и затем . В результате получаем следующее [color=#FF4040][i]Какой-то текст[/i][/color]. Результат будет таким: Какой-то текст

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

Линия заданного цвета

Как и для чего вставлять в сообщение цветную линию.

  Толщина линии 3px, а ширина во всю область где размещаются сообщения. Служит она для того, чтобы отделить разные по смыслу части одного сообщения. Также с её помощью можно предотвратить «проваливание» текста между картинками. Для этого её достаточно добавить сразу после тега картинки, а если не хочется, чтобы её было видно, надо установить цвет #BEFFA3. Но можно применять её и в других случаях, по своему усмотрению.
  При нажатии на кнопку в текстовом поле появляется следующая комбинация [hr=цвет_линии][/hr] . Требования к параметру «цвет_линии» такие же, как и при указании цвета текста.

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

Цитирование и вывод форматированных текстов

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

  Есть два способа процитировать текст, со ссылкой и без.

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

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

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

---

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

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

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

Создание списков

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

  BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:

[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]

Это выдаст такой список:

• Красный
• Синий
• Жёлтый

  Если пункты списков довольно длинные, то надо записать так [pre][list][/list][/pre]

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

---

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

  Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:

[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]

выдаст следующее:

1. Пойти в магазин
2. Купить новый компьютер
3. Обругать компьютер, когда случится ошибка

  Для алфавитного списка используйте:

[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]

что выдаст

1. Первый возможный ответ
2. Второй возможный ответ
3. Третий возможный ответ

  Если пункты списков довольно длинные, то надо записать так [pre][list=1][/list][/pre] или [pre][list=а][/list][/pre]

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

Создание ссылок

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

  В BBCode поддерживается несколько способов создания URL'ов.

• Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на site.com вы могли бы использовать:
  [url=https://www.mysite.xyz/]Посетите mysite.xyz![/url]
    Это создаст следующую ссылку: Посетите mysite.xyz! Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя.

• Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:
  [url]https://www.mysite.xyz/[/url]
    Это выдаст следующую ссылку: https://www.mysite.xyz/

• Кроме того, поддерживается возможность, называемая Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.mysite.xyz в ваше сообщение приведёт к автоматической выдаче www.mysite.xyz при просмотре сообщения.

• То же самое относится и к адресам email, вы можете либо указать адрес в явном виде:
  [email]no.one@domain.adr[/email]
  что выдаст no.one@domain.adr, или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.

  Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [u][/u], [b][/b] и т. д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:
[url=https://www.mysite.xyz/][u]https://www.mysite.xyz/images/pic.jpg[/url][/u] - записано неправильно

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

Показ изображений в сообщениях

Добавление изображения в сообщение

  BBCode включает тег для добавления картинки в ваше сообщение. Для вставки графики в сообщение используйте по возможности ссылки на графические файлы, расположенные на сторонних ресурсах (например, со своих страниц в соцсетях). Для этого открываете картинку на стороннем ресурсе, кликаете на ней правой кнопкой мыши и в выпавшем меню выбираете «Копировать адрес изображения» (в разных браузерах этот пункт называется по-разному, но общий смысл такой же).
  Для вставки изображения, над полем для ввода текста находите кнопку «Вставить изображение» и нажимаете её, появляется следующий текст: [img][/img] (можно самостоятельно набрать эту комбинацию, если не получается найти соответствующую кнопку). Ссылку размещаете следующим образом: [img]ваша_ссылка[/img] . «Ваша_ссылка» это то, что вы скопировали как адрес изображения. Чтобы добавить её, устанавливаете курсор в нужное место, нажимаете правую кнопку мыши и выбираете «Вставить», или просто нажимаете на клавиатуре Ctrl+V.

  Но лучше использовать вставку с помощью , так как в этом случае есть возможность подписать картинку, задать её размер и положение.
  После нажатия появляется следующая комбинация [img_sign=подпись_картинки]ссылка,размер,положение[/img_sign] .
  Здесь «подпись_картинки» это название картинки, если вы не хотите её подписывать, просто поставьте пробел после «=». Подпись может содержать кроме букв: цифры, пробелы, запятые, точки, минус, плюс, дефис, подчёркивание. Нельзя добавить любые ковычки, знак восклицания и вопроса и другие, не упомянутые в предыдущем предложении.
  «Ссылка» тоже, что и при добавлении с помощью .
  «Размер» это целое число в диапазоне от 10 до 100, которое задаёт размер в процентах от области предназначенной для сообщений. Но максимальный размер картинки ограничен настройками, т.е. картинка большего размера, на форуме будет отображаться не более максимально разрешённого, независимо от установленного здесь «размера». А вот при нажатии на неё, она откроется в реальном размере.
  «Положение» определяет, как будет себя вести картинка в сообщении, есть три варианта: left, right и none. Если написать «left», то картинка прижмётся к левому краю, и текст её будет обтекать справа. Если написать «right», то картинка придвинется к правому краю, и текст её будет обтекать слева. Если написать «none», то расположение картинки будет как и при «left», но текст расположится над ней и под ней, т.е. обтекания не произойдёт.
  С помощью этой кнопки можно расположить несколько картинок в ряд. Для этого у каждой картинки, добавленной таким способом, нужно задать размер, в зависимости от их количества (для двух это будет 45), и поставить расположение «left» или «right». Т.е. для двух картинок это будет выглядеть так:
[img_sign=подпись_картинки]ссылка,45,left[/img_sign][img_sign=подпись_картинки]ссылка,45,left[/img_sign] (обатите внимание, что между картинками не должно быть пробелов)

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

---

Добавление картинки со своего компьютера

  Если хотите загрузить свой файл с изображением, то помните, что размер загружаемого файла ограничен. Для загрузки картинки со своего компьютера выберете раздел «Вложение», который расположен под полем для ввода текста. После его выбора, внизу появится кнопка «Добавить файлы», нажимаете её и выбираете файл или файлы. После их загрузки, каждый можно подписать, для этого нужно набрать текст (в строке с информацией о загруженном файле) в колонке «Комментарий к файлу». Затем, нужно выбрать, как добавить то, что загрузили в сообщение. Это можно сделать двумя способами: вставить в текст сообщения или прикрепить как отдельный блок после него. В первом случае нужно нажать кнопку «Вставить в текст сообщения», во втором ничего нажимать не надо. После нажатия кнопки, в поле для ввода появится следующая комбинация : [attachment=0] название_вашего_файла_на_вашем_компьютере [/attachment] здесь ничего менять не надо.

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

Видео с других сайтов

Добавление видео

  Чтобы вставить видео в сообщение, надо нажать кнопку «Видео с сайта» , расположенную над полем для ввода текста, либо набрать вручную: [BBvideo=560,315]ссылка_на_видео[/BBvideo] где 560,315 это размеры заставки (в пикселях) которая будет отображаться в сообщении. Если же кнопку найти удалось, то при нажатии на неё, появится дополнительное окно, в котором нужно будет ввести размеры и добавить ссылку на стороннее видео(сайты с которыми это работает можно выбрать в выпадающем меню «Разрешённые сайты»).

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

Метка на карте Google Map

Добавление метки на карте Google Map

  Чтобы добавить метку на карте Google Map, нужно нажать кнопку «метка на карте Google Map» . В поле для ввода текста появится комбинация: [googlemap_zoom=расстояние_над_земной_поверхностью]координаты_точки[/googlemap_zoom].
  Здесь «расстояние_над_земной_поверхностью» - масштаб изображения (целые числа в диапозоне от 5 до 17 включительно, чем больше число, тем высота над поверхностью меньше -> масштаб крупнее, выбираете произвольно), «координаты_точки» - два числа через запятую (эти числа получаются следующим образом: заходите на сайт https://www.google.com/maps, находите то место, к которому хотите сделать привязку, кликаете на нём левой кнопкой мыши, внизу страницы появляется небольшое сообщение с координатами этого места, эти два числа вам надо записать как «координаты_точки»).
  Теперь, после добавления вашего сообщения, в тексте будет ссылка на привязку к Google Map, выглядеть она будет как на карте Google. Нажав на неё, можно перейти сразу к тому, месту, которое вы указали.
  Обязательно проверьте работоспособность добавленной ссылки, иначе она будет удалена.

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

Прочее

Другие возможности BBcode

Остальные возможности BBcode можете опробовать самостоятельно. Здесь описаны только часто используемые.

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