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

Ваши предложения или критика (баги, недоработки, опечатки и т.д.) по работе форума

Модератор: Вова

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

Сообщение RDJ » 12 апр 2012, 14:14

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
1941-1945. Никто не забыт, ничто не забыто!
Аватара пользователя
RDJ
администратор
администратор
 
Сообщения: 2647
Зарегистрирован: 15 янв 2009, 17:53
Откуда: Бугульма
Награды: 2
Доброе сердце (1) 1000 сообщений (1)
Статус: В работе...

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

Сообщение RDJ » 31 май 2012, 08:55

Новый bbcode - зачеркнутый текст
Код: Выделить всё
[s]Пример[/s]

Пример
1941-1945. Никто не забыт, ничто не забыто!
Аватара пользователя
RDJ
администратор
администратор
 
Сообщения: 2647
Зарегистрирован: 15 янв 2009, 17:53
Откуда: Бугульма
Награды: 2
Доброе сердце (1) 1000 сообщений (1)
Статус: В работе...

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

Сообщение Gans » 31 май 2012, 09:34

Неплохой маленький ликбез... Многим поможет :)
Viva la Revolucion!
Аватара пользователя
Gans
прогресс 81%
прогресс 81%
 
Сообщения: 310
Зарегистрирован: 20 янв 2011, 16:47
Откуда: Bugulma

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

Сообщение RDJ » 24 авг 2012, 08:57

Учимся цитировать правильно
1.
учимся-цитировать-1.jpg


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


Обращение по имени пользователя
обращение-по-логину.jpg
1941-1945. Никто не забыт, ничто не забыто!
Аватара пользователя
RDJ
администратор
администратор
 
Сообщения: 2647
Зарегистрирован: 15 янв 2009, 17:53
Откуда: Бугульма
Награды: 2
Доброе сердце (1) 1000 сообщений (1)
Статус: В работе...

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

Сообщение RDJ » 18 янв 2014, 20:00

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]
1941-1945. Никто не забыт, ничто не забыто!
Аватара пользователя
RDJ
администратор
администратор
 
Сообщения: 2647
Зарегистрирован: 15 янв 2009, 17:53
Откуда: Бугульма
Награды: 2
Доброе сердце (1) 1000 сообщений (1)
Статус: В работе...

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

Сообщение andrey » 21 янв 2014, 09:44

А как сделать таблицу?
http://mon.tatarstan.ru/rus/index.htm/news/260483.htm
We must secure the existence of our people and a future for White children
Аватара пользователя
andrey
завершено!
завершено!
 
Сообщения: 2746
Зарегистрирован: 28 июн 2011, 15:11
Награды: 2
Половина (1) Мастер Судоку (1)


Вернуться в Предложения/Замечания (форум)

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1