Страница 1 из 1

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

СообщениеДобавлено: 12 апр 2012, 14:14
RDJ
BBCode — это особая реализация HTML, предлагающая большие возможности по форматированию отдельных частей сообщения. BBCode представлены в верху формы ввода сообщения.
Как пользоваться: выделяем текст, который хотим отформатировать и нажимаем на соответствующий bbcode. BBCode, так же как и теги хтмл состоит из двух частей открывающийся и закрывающийся, форматируемый текст должен находиться между ними

1. Жирный текст
Пример

Пример

2. Наклонный текст
Код: Выделить всё
[i]Пример[/i]

Пример

3. Подчеркнутый текст
Код: Выделить всё
[u]Пример[/u]

Пример

4. Для вставки какого либо кода, внутри этого тега bbcode не работают
Код: Выделить всё
[code]Какой то код, bbcode [b]не работают[/b][/code]

Код: Выделить всё
Какой то код, bbcode [b]не работают[/b]


5. Список, для создания нового элемента используйте bbcode [*]
Код: Выделить всё
[list][*] Список 1
[*] Список 2
[*] Список 3[/list]

  • Список 1
  • Список 2
  • Список 3

6. Нумерованный список, после равно ставите число с какого должна начинаться нумерация, не забывайте! для создания нового элемента используйте bbcode [*]
Код: Выделить всё
[list=1][*] Список 1
[*] Список 2
[*] Список 3[/list]

  1. Список 1
  2. Список 2
  3. Список 3

7. Вставка изображения с внешнего ресурса, ссылку на изображение необходимо заключать в bbcode [img]. Можно использовать специальные сервисы (к примеру www.radikal.ru), которые дают уже готовые коды для вставки в форум. Так же можно щелкнуть правой кнопкой по понравившейся картинки в Интернете и выбрать "Копировать URL картинки", этот url заключить в bbcode [img]
Код: Выделить всё
[img]http://www.bugulma.ws/_ph/2/1/633140209.jpg[/img]

Изображение

8. Вставка гиперссылки
Простая ссылка
Код: Выделить всё
[url]http://forum.bugulma.ws/[/url]

http://forum.bugulma.ws/
Если вы хотите сделать текст ссылкой, то необходимо воспользоваться следующей конструкций.
Код: Выделить всё
[url=http://forum.bugulma.ws/]Форум Бугульма[/url]

Форум Бугульма

9. Размер шрифта, выделяете нужную часть текста и в выпадающем списке выбираете размер шрифта
Код: Выделить всё
[size=200]Огромный текст[/size]
[size=150]Большой текст[/size]
Нормальный тест
[size=85]Маленький текст[/size]
[size=50]Очень маленький текст[/size]

Огромный текст
Большой текст
Нормальный тест
Маленький текст
Очень маленький текст

10. Цвет шрифта, выделяете нужную часть текста, нажимаете на bbcode "Цвет шрифта" и выбираете цвет. Не злоупотребляйте данным bbcode. Читаем правила п.3.16

11. Центрирование текста, bbcode [ center ].
Код: Выделить всё
[center]Этот текст будет по центру[/center]

Этот текст будет по центру


12. Оффтоп, bbcode, предназначенный для обозначения части сообщения, которая считается оффтопом, т.е. не относится к сути темы.
Код: Выделить всё
[offtop]Пример[/offtop]

Оффтоп: Пример

13. Спойлер, bbocde который скрывает текст под спойлером
Код: Выделить всё
[spoiler]Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста[/spoiler]

[+] Показать
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста
Спрячем большой кусок текста


14. BBcode youtube, предназначен для вставки видео на форум с сервиса Youtube, вставляем ссылку видео расположенную в адресной строке между тегами youtube
Код: Выделить всё
[youtube]http://www.youtube.com/watch?v=CGQ1ZAQJzY8[/youtube]



15. Вставка вложений через форум, на картинке цифры соответствуют описанием ниже:
voprosy-otvety.jpg

  1. Под формой ввода сообщения нажимаем вкладку "Добавить вложение"
  2. Нажимаете выбрать файл и выбираете файл на компьютере
  3. Нажимаете добавить файл
  4. В теле сообщения ставите курсор туда куда хотите вставить изображение, и нажимаете Вставить в текст сообщения
Форум сам создаст для больших изображений уменьшенную превьюшку, при нажатие на которой откроется изображение в оригинальном размере

в этой теме можно тренироваться в использовании BBCode

Re: BBcode форума: краткое описание и примеры их использован

СообщениеДобавлено: 31 май 2012, 08:55
RDJ
Новый bbcode - зачеркнутый текст
Код: Выделить всё
[s]Пример[/s]

Пример

Re: BBcode форума: краткое описание и примеры их использован

СообщениеДобавлено: 31 май 2012, 09:34
Gans
Неплохой маленький ликбез... Многим поможет :)

Re: BBcode форума: краткое описание и примеры их использован

СообщениеДобавлено: 24 авг 2012, 08:57
RDJ
Учимся цитировать правильно
1.
учимся-цитировать-1.jpg


2.
учимся-цитировать-2.jpg


Обращение по имени пользователя
обращение-по-логину.jpg

Re: BBcode форума: краткое описание и примеры их использован

СообщениеДобавлено: 18 янв 2014, 20:00
RDJ
BBcode [video]
[video] — это универсальный BBCode, который позволяет вставлять видео в сообщения.

Поддерживаемые видео-сервисы

    youtube.com (youtu.be) — плейлисты также поддерживаются
    vimeo.com
    rutube.ru — только адрес из кода встраивания
    vk.com (vkontakte.ru) — только адрес из кода встраивания
    facebook.com
    video.mail.ru
    smotri.com
    dailymotion.com
    ustream.tv — поддерживаются и записи, и трансляции
    twitch.tv — поддерживаются и записи, и трансляции
    video.qip.ru
    ted.com
    vine.co
    coub.com
    video.yandex.ru — только адрес из кода встраивания
    video.bigmir.net
    tvigle.ru — только адрес из кода встраивания
    video.online.ua
    video.sibnet.ru
    yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
    megogo.net
    intv.ru
    lovi.tv
    metacafe.com
    veevr.com
    myvideo.de
    clipfish.de
    own3d.tv
    hulu.com — только адрес из кода встраивания
    pinkbike.com
    mpora.com
    файлы WebM, OGV и MP4 через HTML5 <video>

Для вставки видео достаточно поместить ссылку на страницу видео между парными тегами:
Код: Выделить всё
[video]https://www.youtube.com/watch?v=sQPY6DeKgBw[/video]

phpBB [video]

Re: BBcode форума: краткое описание и примеры их использован

СообщениеДобавлено: 21 янв 2014, 09:44
andrey
А как сделать таблицу?
http://mon.tatarstan.ru/rus/index.htm/news/260483.htm