FAQ, как писать на BBcode
Оглавление (Нажмите на ссылку, чтобы перейти к нужному пункту):
  1. Жирный текст
  2. Наклонный текст (курсив)
  3. Подчеркнутый текст
  4. Перечеркнутый текст
  5. Верхний индекс
  6. Нижний индекс
  7. Неупорядоченный список
  8. Упорядоченный список
  9. Параграфы
  10. Цитаты
  11. Черта и перенос строки
  12. Картинка
  13. Ссылка
  14. Файл, вложение
  15. Спойлер
  16. Расположение текста
  17. Стиль текста
  18. Размер текста
  19. Цвет текста
  20. Цвет фона текста
  21. Видео с YouTube
  22. Таблицы
На самом деле писать сообщения и прочее на BBcode очень просто. На своем сайте я добавил некоторые свои дополнения к настоящему BBcode. Прочитав инструкцию о том, как им пользоваться, Вы сможете не только свободно и красиво создавать и писать сообщения, но и общаться на других сайтах тоже. Потому что почти везде используется этот BBcode.


Жирный текст

Чтобы текст был жирным, его нужно поместить между тегами [b] и [/b], либо выделить нужный текст и нажать кнопку
Это обычный текст, [b]а это жирный[/b].
Это обычный текст, а это жирный.


Наклонный текст (курсив)

Чтобы текст был наклонным, его нужно поместить между тегами [i] и [/i], либо выделить нужный текст и нажать кнопку
Это обычный текст, [i]а это наклонный[/i].
Это обычный текст, а это наклонный.


Подчеркнутый текст

Чтобы текст был подчеркнутым, его нужно поместить между тегами [u] и [/u], либо выделить нужный текст и нажать кнопку
Это обычный текст, [u]а это подчеркнутый[/u].
Это обычный текст, а это подчеркнутый.


Перечеркнутый текст

Чтобы текст был перечеркнутым, его нужно поместить между тегами [s] и [/s], либо выделить нужный текст и нажать кнопку
Это обычный текст, [s]а это перечеркнутый[/s].
Это обычный текст, а это перечеркнутый.

Также можно комбинировать
Это обычный текст, [b][i][s]а это перечеркнутый, жирный и наклонный[/s][/i][/b].
Это обычный текст, а это перечеркнутый, жирный и наклонный.


Верхний индекс

Для возведения текста в верхний индекс его нужно поместить между тегами [sup] и [/sup], либо выделить нужный текст и нажать кнопку
Обычный текст, [sup]Верхний индекс[/sup]. х*х=x[sup]2[/sup].
Обычный текст, Верхний индекс. х*х=x2.


Нижний индекс

Для возведения текста в нижний индекс его нужно поместить между тегами [sub] и [/sub], либо выделить нужный текст и нажать кнопку
Обычный текст, [sub]Нижний индекс[/sub]. H[sub]2[/sub]O.
Обычный текст, Нижний индекс. H2O.


Неупорядоченный список

Чтобы сделать неупорядоченные список, или пункт списка, нужно поместить текст между тегами [*] и [/*], либо выделить нужный текст и нажать кнопку
[*]Это пункт[/*]
[*]И это пункт[/*]
  • Это пункт
  • И это пункт.


  • Упорядоченный список

    Чтобы сделать упорядоченные список, нужно поместить текст между тегами [list=] и [/list], либо выделить нужный текст и нажать кнопку Вы обязаны, также дописать тип списка, на Ваш вкус:
  • А - Заглавные буквы
  • а - Строчные буквы
  • I - Заглавные римские цифры
  • i - Строчные римские цифры
  • 1 - Арабские цифры
  • А также все пункты списка должны быть заключены внутри тегов [*] и [/*]
    Список покупок:
    [List=a]
    [*]Хлеб[/*]
    [*]Молоко[/*]
    [*]Чай[/*]
    [/List]
    Список покупок:
    1. Хлеб
    2. Молоко
    3. Чай


    Параграфы

    Чтобы параграф, нужно поместить текст между тегами [p] и [/p], либо выделить нужный текст и нажать кнопку
    Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста... Много текста... Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...
    [p]Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...[/p]
    Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста... Много текста...Много текста... Много текста...Много текста... Много текста...Много текста...Много текста...Много текста...

    Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...

    Сразу видна разница: у параграфа имеется отступ и текст растягивается до правой границы.


    Цитаты

    Чтобы сделать цитату, нужно поместить текст между тегами [quote] и [/quote], либо выделить нужный текст и нажать кнопку Если Вы хотите кого-то процитировать, то надо написать такую конструкцию: [quote=имя_цитируемого]Ваш текст[/quote]
    [quote]Автомоделизм — вид спорта,хобби и технического творчества.[/quote] или
    [quote=Админ]Автомоделизм — вид спорта,хобби и технического творчества.[/quote]
    Автомоделизм — вид спорта,хобби и технического творчества.
    или
    Админ писал(а):
    Автомоделизм — вид спорта,хобби и технического творчества.


    Черта и перенос строки

    Чтобы провести черту, нужно написать тег [hr], или нажать кнопку
    Для переноса строки, нужно написать тег [br], или нажать кнопку
    Много текста
    [hr]
    много текста[br]
    Много текста[br]Много текста
    Много текста
    много текста
    Много текста
    Много текста


    Картинка

    Чтобы вставить картинку нужно, чтобы ссылка на картинку была между тегами [img] и [/img], либо выделить нужную ссылку и нажать кнопку
    Другие варианты: [img=http://ссылка][/img][img=http://ссылка]Название картинки[/img]
    [img]http://autolegend-ussr-kz.narod.ru/al/cars/img/auto/zil_118_1.jpg[/img] [img=http://autolegend-ussr-kz.narod.ru/al/cars/img/auto/zil_118_1.jpg][/img] [img=http://autolegend-ussr-kz.narod.ru/al/cars/img/auto/zil_118_1.jpg]ЗИЛ-118 "Юность" [/img]
    ЗИЛ-118 "Юность"


    Ссылка

    Чтобы вставить ссылку, нужно поместить ее между тегами [url] и [/url] либо выделить ссылку и нажать кнопку . А еще может применяться конструкция [url=http://ссылка]Ваш текст[/url]
    [url]http://miniavto.kz/index[/url] или [url=http://miniavto.kz/index]АвтоМиниатюра[/url]


    Файл

    Чтобы сделать вложений, нужно поместить ссылку на файл между тегами [file] и [/file] либо выделить ссылку и нажать кнопку . Желательно, чтобы файл был архивом.
  • Во-первых, так можно сразу скачать несколько файлов
  • Во-вторых, этот файл точно будет скачиваться, а, например pdf-файлы откроются в браузере.
  • Вы можете скачать файл: [file]http://autolegend-ussr-kz.narod.ru/nomera/nomera.rar[/file]
    Вы можете скачать файл:


    Спойлер

    Скрыть большой текст или что-то прочее под спойлер, нужно прописать конструкцию [spoiler=название]Ваш текст[/spoiler], или воспользоваться кнопкой
    [spoiler=Название спойлера]Скрытый текст под спойлером[/spoiler]


    Расположение текста

    Чтобы текст был расположен слева, по центру или справа, нужно поместить текст между тегами [left] и [/left], [center] и [/center] или [right] и [/right] (соответственно), либо выделить текст и нажать кнопки (соответственно)
    [left]Текст слева[/left]
    [center]Текст по центру[/center]
    [right]Текст справа[/right]
    Текст слева
    Текст по-центру
    Текст справа


    Стиль текста

    Для установления шрифта, нужно также выделить текст и выбрать его здесь , либо нажать кнопку . Но помните, не все шрифты поддерживаются в браузерах.
    [font=arial]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=calibri]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=cursive]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=fantasy]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=monospace]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=serif]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=sans-serif]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=tahoma]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=times new roman]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    [font=verbana]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/font]
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ


    Размер текста

    Для установления размера текста, нужно также выделить текст и выбрать его здесь , либо нажать кнопку . Шрифт измеряется в пикселях. Но помните, мелкий, большой, и переменно-размерный текст очень тяжело читать. Стандартом можно считать размер 12-14.
    [size=10]Очень маленький[/size][br]
    [size=12]Маленький[/size][br]
    [size=14]Нормальный[/size][br]
    [size=18]Большой[/size][br]
    [size=22]Очень большой[/size]
    Очень маленький
    Маленький
    Нормальный
    Большой
    Очень большой


    Цвет текста

    Для установления цвета текста, нужно также выделить текст и выбрать его здесь , либо нажать кнопку . Цвет Вы сами можете написать любой, также будет работать цвет, написанный в шестнадцатиричной системе счисления (например: #FFAA11 - желто-оранжевый). А вот здесь есть большая палитра красок. Сочетайте фон и цвет текста.
    Для наглядности покажу цвет жирным:[br]
    [b][color=red]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=green]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=yellow]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=orange]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=blue]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=brown]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=gold]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][br]
    [color=violet]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/color][/b]
    Для наглядности покажу цвет жирным:
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ


    Цвет фона текста

    Для установления фона цвета текста, нужно также выделить текст и выбрать его здесь , либо нажать кнопку . Цвет Вы сами можете написать любой, также будет работать цвет, написанный в шестнадцатиричной системе счисления (например: #FFAA11 - желто-оранжевый). А вот здесь есть большая палитра красок. Сочетайте фон и цвет текста.
    Для наглядности покажу цвет жирным:[br]
    [b][bgcolor=red]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=green]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=yellow]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=orange]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=blue]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=brown]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=gold]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][br]
    [bgcolor=violet]АБВГДЕЁЖЗИЙКЛМНОПРСТУ[/bgcolor][/b]
    Для наглядности покажу цвет жирным:
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУ


    Видео с YouTube

    Ссылку на видео с сайта YouTube нужно поместить между тегами [youtube] и [/youtube], либо нажать кнопку . тогда ваше видео, можно будет посмотреть и здесь.
    Для примера. Вот мое старое видео из YouTube:[br] [youtube]http://www.youtube.com/watch?v=7YVqQuJhZzM[/youtube]
    Для примера. Вот мое старое видео из YouTube:


    Таблицы

    Таблицы, которые получатся очень похожи на те, которые в Microsoft Office Excel.
    Чтобы создать таблицу нужно написать два тега [table] и [/table]. Работать с таблицей нужно между ними. Для создание новой строки ячеек в таблице используются теги [tr] и [/tr], а для создания ячейки [td] и [/td].

    Параметры для тега [table]:
  • width=... - это ширина, измеряется в пикселях ([table width=200]) или процентах ([table width=50%])
  • height=... - это высота, измеряется в пикселях ([table height=100]) или процентах ([table height=10%])
  • bgcolor=... - это значение цвета фона всей таблицы.
  • color=... - это значение цвета фона всей таблицы.

  • Параметры для тега [tr]
  • width=... - это ширина, измеряется в пикселях ([tr width=200]) или процентах ([tr width=70%])
  • height=... - это высота, измеряется в пикселях ([tr height=10]) или процентах ([tr height=10%])
  • bgcolor=... - это значение цвета фона строки.
  • color=... - это значение цвета фона строки.

  • Параметры для тега [td]
  • width=... - это ширина, измеряется в пикселях ([tr width=100]) или процентах ([tr width=20%])
  • height=... - это высота, измеряется в пикселях ([tr height=15]) или процентах ([tr height=10%])
  • align=... - это расположение текста по горизонтали. Значения: left, right, center (слева, справа и по центру). Например: ([td align=center])
  • valign=... - это расположение текста по вертикали. Значения: top, bottom (по верху, по низу и по середине по умолчанию). Например: ([td align=center])
  • colspan=... - это объединение ячеек по горизонтали. Значение измеряется в количестве объединяемых ячеек.
  • rowspan=... - это объединение ячеек по вертикали. Значение измеряется в количестве объединяемых ячеек.
  • bgcolor=... - это значение цвета фона ячейки.
  • color=... - это значение цвета фона ячейки.

  • Как видите параметров много,хотя они почти все одинаковые, но это все-равно не все, а только основные. А теперь для заключения пример:
    [table width=500]
    [tr]
    [td colspan=3 align=center][size=22][b]База данных[/b][/size][/td]
    [/tr]

    [tr]
    [td width=20 align=center][b]№[/b][/td] [td width=240 align=center][b]Имя[/b][/td] [td width=240 align=center][b]Фамилия[/b][/td]
    [/tr]

    [tr]
    [td align=right]1[/td] [td]Иван[/td] [td]Иванов[/td]
    [/tr]

    [tr]
    [td align=right]2[/td] [td]Петя[/td] [td]Сидоров[/td]
    [/tr]
    [/table]
    База данных
    Имя Фамилия
    1 Иван Иванов
    2 Петя Сидоров



    Теперь Вы знаете как писать на BBcode. Желаю успехов и хорошей фантазии.




    Желаете еще прочитать:
  • Общий FAQ
  • Правила и права
  • Добавление коллекции
  • Помощь и правила для форума
  • Помощь и правила для Каталога
  • Медали и как их получить
  • Помощь и правила для конкурсов
  • Все вопросы можете мне присылать сюда, либо на почту: Nikel097@bk.ru



    Наверх
    Рейтинг@Mail.ru Яндекс.Метрика