Loading...
Error
 

Подробный F.A.Q. по использованию BBCode (обновлен 01.11.2013)

 
Автор Сообщение

aka Rasputin

post 08-Дек-12 23:52




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


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

pic
    Выбор шрифта текста.
    Выбрать нужный шрифт можно из выпадающего списка:
    Желательно использовать стандартные шрифты, т.к. они установлены на большинстве операционных систем.
    Использование стандартных шрифтов дает гарантию, что оформление будет корректно отображаться у всех пользователей.

    ______________
    pic в начало...


  • Жирный шрифт:

    Код:

    [b]Жирный шрифт:[/b]

  • Наклонный шрифт:

    Код:

    [i]Наклонный шрифт:[/i]

  • Подчеркнутый шрифт:

    Код:

    [u]Подчеркнутый шрифт[/u]:

  • Зачеркнутый шрифт:

    Код:

    [s]Зачеркнутый шрифт:[/s]

  • Шрифт с тенью:

    Код:

    [sh]Шрифт с тенью:[/sh]


    Для изменения цвета можно указать либо общепринятое имя цвета (red, blue, yellow и т.п.), или его шестнадцатеричное представление, например #FFFFFF, #000000.
    pic
    Например, для красного текста необходимо прописать следующий тег:

    Код:

    [color=red]Красный текст[/color]
    либо шестнадцатиричное представление красного цвета:

    Код:

    [color=#FF0000]Красный текст[/color]

    ______________
    pic в начало...

    Изменение размера достигается применением тега:

Код:

[size][/size]

    Из выпадающего списка можно выбрать необходимый размер шрифта от 1 до 32 пунктов:
    pic
    Например, для большого текста используется тег:

    Код:

    [size=24]большой[/size]

    а для маленького

    Код:

    [size=9]маленький[/size]

    ______________
    pic в начало...

    bb-code позволяет комбинировать теги. Можно увеличить размер текста и изменить его цвет одновременно.

  • Вариант I:

    Код:

    [color=red][size=16]Комбинирование тегов[/size][/color]

    результат - увеличенный шрифт красного цвета: Комбинирование тегов

  • Вариант II:

    Код:

    [size=16][color=white][font="Georgia"][sh]Комбинирование с эффектом[/sh][/font][/color][/size]

    результат - белый шрифт с черной тенью: Комбинирование с эффектом

  • При комбинировании можно использовать 2 и более групп тегов.

    Добавление изображений на форум

    Изображение вставляется с помощью тега [img][/img]. Перед этим, картинка должна быть размещена на фотохостинге. Далее, прямая ссылка вставляется в тег.

    Код:

    [img]http://rustorka.com/forum/files/JoP8CJ_o.jpg[/img]

    Результат:
    pic

    По умолчанию, картинка располагается слева. Как выравнивать изображения и текст читайте в блоке выравнивание.

    Изображение можно вставить в виде миниатюры с увеличением по клику.

    Это делается при помощи тега [thumb][/thumb]. В него вставляется прямая ссылка на изображение.

    Код:

    [thumb]http://5.firepic.org/5/images/2013-11/01/t4thkb6r0jgm.jpg[/thumb]

    Результат (кликабельно):
     

    Изображение может служить одновременно и ссылкой.

    Для этого:
    1. ссылка на картинку заключается в тег [img][/img],
    2. полученная комбинация заключается в тег [url][/url]
    3. вставляется необходимая ссылка в тег [url] (подробнее о создании ссылок см. Создание ссылок)

    Код:

    [url=http://rustorka.com/forum/index.php][img]http://rustorka.com/forum/files/JoP8CJ_o.jpg[/img][/url]

    Результат - картинка-ссылка на главную страницу (кликабельно):
    pic

    ______________
    pic в начало...

    Теги выравнивания

      pic
    Для выравнивания используется тег [align][/align]. Может иметь следующие свойства:

  • left - выравнивает объекты по левой стороне
  • center - выравнивает объекты по центру
  • right - выравнивает объекты по правой стороне
  • justify - выравнивает объекты по ширине

    Примеры выравнивания:

  • по центру:

    Код:

    [align=center]Текст по центру[/align]

  • Результат:
    Текст по центру

  • справа

    Код:

    [align=right]Текст справа[/align]

  • Результат:
    Текст справа


  • Выравнивание текста по ширине удобно для форматирования больших текстов:

    Код:

    [align=justify]Текст по ширине[/align]

  • пример:

    Примеры выравнивания текста по ширине (одновременно по левому и правому краю), часто можно увидеть в газетах и журналах. Оно используется для колонок небольшой ширины,
    чтобы избежать неприятного для глаз «зазубривания» текста с правой стороны строки. Небольшая ширина колонки позволяет взгляду охватывать сразу всю строку, а не скользить
    постоянно слева-направо, что значительно снижает нагрузку на глаза читателя.

    Аналогично выравниваются изображения по центру и справа:

    Код:

    [align=center][img]http://rustorka.com/forum/files/JoP8CJ_o.jpg[/img][/align]

  • Результат:
    pic


    Код:

    [align=right][img]http://rustorka.com/forum/files/JoP8CJ_o.jpg[/img][/align]

  • Результат:
    pic

    pic
  • Для выравнивания изображений также используется тег [IMG], который может использовать свойства:

    [IMG=left][/IMG] - выравнивает изображение слева
    [IMG=center][/IMG] - выравнивает изображение по центру
    [IMG=right][/IMG] - выравнивает изображение справа

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

    В bb-code поддерживается несколько способов создания URL'ов. Cамый распространенный вариант с использованием тега [url][/url].

  • Пример создания ссылки с отображением URL:

    Код:

    [url]http://rustorka.com[/url]

    результат - http://rustorka.com

  • Пример текста, содержащего в себе ссылку:

    Код:

    [size=17][url=http://rustorka.com]Торрент-трекер Rustorka.com[/url][/size]

    результат - Торрент-трекер Rustorka.com

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

    Для этого используется тег

    Код:

    [name=][/name]

  • создание:
    1. Заключается в тег та строка, к которой нужен быстрый переход и обязательно присваивается цифра к тегу. Это якорь для ссылки:

    Код:

    [name=1]объект, на который будет вести ссылка[/name]

    2. К самой ссылке дописывается символ # и цифра, указанная в якоре (не должно быть пробелов):

    Код:

    [url=ссылка на нужный объект#1]текст ссылки[/url]

  • пример:

    Код:

    [name=1]содержание[/name]

    Код:

    [url=http://rustorka.com/forum/viewtopic.php?t=5341#1]ссылка на содержание[/url]

  • результат (кликабельно): ссылка на содержание

pic
    Создание спойлера


    Спойлер используется для скрытия части текста, изображений и пр.

    Просмотреть содержимое спойлера можно нажав на него. Спойлеру можно дать название и цвет

    Примеры создания спойлеров:

  • Обычный спойлер:

    Код:

    [spoiler]Скрытый текст[/spoiler]
  • результат:
    Скрытый текст
    Скрытый текст

  • Спойлер с названием:

    Код:

    [spoiler="Название спойлера"]Скрытый текст[/spoiler]
  • результат:
    Название спойлера
    Скрытый текст

  • Спойлер с заданным цветом текста и типом шрифта:

    Код:

    [color=green][font="Tahoma"][spoiler="Спойлер с заданным цветом текста и типом шрифта"][/font][/color]
    Скрытый текст[/spoiler]
    Спойлер с заданным цветом текста и типом шрифта
    Скрытый текст

  • Внимание! Если вы задали спойлеру цвет, шрифт или другие свойства, то размещенные ниже спойлеры также приобретут эти свойства.
    Если это это вас не устраивает, то для последующих спойлеров необходимо задать нужные атрибуты индивидуально.

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

    Есть два способа процитировать текст, с упоминанием автора и без.

    Использование кнопки «Ответить с цитатой» позволит цитировать текст с упоминанием автора.

  • пример цитирования текста, написанного Mr. Blobby:

    Код:

    [quote="Mr. Blobby"]Текст Mr. Blobby будет здесь[/quote]
    результат:
    Ц Mr. Blobby писал(а):

    Текст Mr. Blobby будет здесь

  • Второй вариант позволяет вставить цитату без упоминания автора:

    Код:

    [quote][/quote]
    результат:
    Ц Цитата:

    текст

  • В связи с частыми случаями злоупотребления цитированием, кнопка цитаты недоступна обычным пользователям, но функция цитирования на форуме сохранена.

    Маркированный

Код:

[list]
[*]Красный
[*]Синий
[*]Жёлтый[/list]
  • результат:

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

Код:

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

  • результат:

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


Код:

[list=a]
[*]Вариант 1
[*]Вариант 2
[*]Вариант 3[/list]

  • результат:

    1. Вариант 1
    2. Вариант 2
    3. Вариант 3

    Вывод кода (code)

    Для вывода кода используется тег

    Код:

    [code][/code]
    пример

    Код:

    echo "This is some code";

    Всё форматирование, используемое внутри тега будет сохранено.


    Код:

    [hr]

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

  • пример:
    Строка 1
    Строка 2


    Тег

    Код:

    [br]
    используется для перехода на новую строку, и создания межстрочного интервала размером в одну строку:

  • пример переноса:

    Код:

    Строка 1[br]Строка 2

    результат:
    Строка 1
    Строка 2

  • пример межстрочного интервала:

    Код:

    [b]Строка 1[/b][br]
    [b]Строка 2[/b]

  • результат:
    Строка 1
    Строка 2

    с YouTube

    Для вставки видео с YouTube небходимо:
    a) скопировать ссылку на ролик из адресной строки браузера
    b) либо нажать "поделиться" и, скопировав ссылку из поля, вставить в тег

    пример:

    YouTube movie


    На странице с видео, из адресной строки браузера копируется ID ролика pic
    Идентификатор вставляется в тег [vimeo][/vimeo]

    пример:

    Видео с Vimeo


    Для вставки видео с RuTube необходимо скопировать ID видеоролика:
    a) из адресной строки браузера pic
    b) либо, нажав на кнопку "поделиться"

    Идентификатор вставляется в тег [rutubе][/rutube]

    пример:

    Видео с RuTube


    Для вставки видео с Ign.com необходимо:
    1. воспроизвести ролик и нажать кнопку "поделиться".
    2. скопировать ссылку:
    pic
    3. вставить ссылку в тег [ign][/ign ]

    пример:

    Код:

    [ign]ссылка[/ign]



    Для вставки видео с Gametrailers.com необходимо:
    1. нажать в плеере кнопку "<> Embed" (код скопируется автоматически)
    2. вставить html-код в тег [gamеtrailers][/gametrailers]

    пример:
    Видео с Gametrailers.com


    Для вставки видео с Gamespot.com необходимо:
    1. перейти на страницу с видеороликом
    2. скопировать ссылку из адресной строки браузера и вставить в тег [gamespot][/gamespot]

    пример:
    Видео с Gamespot.com

    Вставка таблицы

    Вставка таблицы осуществляется с помощью нескольких тегов:

    Код:

    [table][/table]
    - основной тег таблицы. Все ячейки и столбцы должны располагаться внутри него.

    Код:

    [tr][/tr]
    - тег новой строки ячеек.

    Код:

    [th][/th]
    - тег новой заголовочной ячейки. Имеет тёмный фон, полужирный шрифт, заголовки центрированы, запрет разрывов строки (всё обходится применением тега).

    Код:

    [td][/td]
    - тег новой обычной ячейки (светлый фон, остальное по умолчанию)


    Тегам таблицы можно задать свойства:

    Код:

    [th cols=2]
    - двойная ячейка, объединённая по столбцам (колонкам)

    Код:

    [th rows=3]
    - тройная ячейка, объединённая по строкам

    Аналогичные атрибуты можно задать для тега

    Код:

    [td]

    Обратите внимание, что внутри ячеек можно применять любое форматирование: вставлять цитаты, спойлеры, картинки,
    выравнивать текст по центру или ширине, менять цвет текста, использовать ссылки, курсивный, полужирный, подчёркнутый шрифт.

    В качестве примеров, коды нижеприведенных таблиц:

Таблица 1

Код:

[table=center][tr]
 [th rows=2]Год[/th]
 [th rows=2]Фильм[/th]
 [th cols=2]Рейтинг [/th]
 [th rows=2]Оскары / Номинации[/th]
 [/tr]
 [tr]
  [th]IMDB[/th]
  [th]Кино[br]Поиск[/th]
 [/tr]
 [tr]
 [td rows=5][align=center][b]1929[/b][/align][/td]
 [td][b][br]Лучший фильм[br][color=#006699]Крылья / Wings[/color][/b][/td]
[td]7.80[/td]
[td]6.832[/td]
[td][align=center][b][color=olive]2[/color]/2[/b][/align][/td]
 [/tr]
 [tr]
 [td][b][color=#006699]Седьмое небо/7th Heaven[/color][/b][/td]
 [td]7.80[/td]
  [td]7.348[/td]
 [td][align=center][b][color=olive]5[/color]/3[/b][/align][/td]
 [/tr]
 [tr]
 [td][b][color=#006699]Восход солнца/Sunrise: A Song of Two Humans[/color][/b][/td]
 [td]8.40[/td]
  [td]8.184[/td]
 [td][align=center][b][color=olive]3[/color]/4[/b][/align][/td]
 [/tr]
 [tr]
 [td][b][color=#006699] Последний приказ/The Last Command[/color][/b][/td]
 [td]8.10[/td]
  [td]8.125[/td]
 [td][align=center][b][color=olive]1[/color]/2[/b][/align][/td]
 [/tr]
 [tr]
 [td][b][color=#006699] Два аравийских рыцаря/Two Arabian Knights[/color][/b][/td]
 [td]6.90[/td]
  [td]6.111[/td]
 [td][align=center][b][color=olive]1[/color]/1[/b][/align][/td]
 [/tr]
 [tr]
 [td cols=5][b][spoiler="Номинанты"] кто то из...[/spoiler][/b][/td]
 [/tr]
 [/table]
Таблица 2

Код:

[table=center]
 [tr][th cols=5]В ролях[/th][/tr]
 [tr][td][align=center][img]http://rustorka.com/forum/files/d1ANXA_1.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/ftEm0C_2.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/lPeb1H_3.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/6bA5LB_4.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/1hVy6X_5.jpg[/img][/align][/td][/tr]
 [tr][td][align=center][url=http://www.kinopoisk.ru/level/4/people/10019/][b]Рассел Кроу[/b][/url][br][color=gray]Russell Crowe[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/10020/][b]Хоакин Феникс[/b][/url][br][color=gray]Joaquin Phoenix[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/7988/][b]Конни Нильсен[/b][/url][br][color=gray]Connie Nielsen[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/10021/][b]Оливер Рид[/b][/url][br][color=gray]Oliver Reed[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/10022/][b]Ричард Харрис[/b][/url][br][color=gray]Oliver Reed[/color][/align][/td][/tr]
 [tr][th cols=5][hr][/th]
 [/tr][tr][td][align=center][img]http://rustorka.com/forum/files/11HXyN_6.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/Vk7yep_7.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/7K3PPO_8.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/Wj1pYB_9.jpg[/img][/align][/td]
 [td][align=center][img]http://rustorka.com/forum/files/xvsv15_10.jpg[/img][/align][/td][/tr]
 [tr][td][align=center][url=http://www.kinopoisk.ru/level/4/people/10023/][b]Дерек Джекоби[/b][/url][br][color=gray]Derek Jacobi[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/10024/][b]Джимон Хунсу[/b][/url][br][color=gray]Djimon Hounsou[/color][/align][/td][td][align=center][url=http://www.kinopoisk.ru/level/4/people/10025/][b]Дэвид Скофилд[/b][/url][br][color=gray]David Schofield[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/10026/][b]Джон Шрэпнел[/b][/url][br][color=gray]John Shrapnel[/color][/align][/td]
 [td][align=center][url=http://www.kinopoisk.ru/level/4/people/2979/][b]Томас Арана[/b][/url][br][color=gray]Tomas Arana[/color][/align][/td][/tr]
 [/table]


Примеры таблиц:

Пример центрированной таблицы:
Год Фильм Рейтинг Оскары / Номинации
IMDB Кино
Поиск
1929

Лучший фильм
Крылья / Wings
7.80 6.832
2/2
Седьмое небо/7th Heaven 7.80 7.348
5/3
Восход солнца/Sunrise: A Song of Two Humans 8.40 8.184
3/4
Последний приказ/The Last Command 8.10 8.125
1/2
Два аравийских рыцаря/Two Arabian Knights 6.90 6.111
1/1
Номинанты
кто то из...

Таблица 2
В ролях
pic
pic
pic
pic
pic

pic
pic
pic
pic
pic

    Вставка рейтинга с ресурсов Кинопоиск и IMDB

    С помощью тега [rating][/rating] можно размещать в сообщении обновляемые рейтинги фильмов с сайтов Кинопоиск и IMDB.

    Для этого необходимо:
    1. на сайте Кинопоиск скопировать ID фильма с адресной строки браузера pic
    2. вставить его в тег [rating][/rating].

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


    Вставка тега Актёры

    Тег [cast] удобен тем, что служит для поиска раздач на трекере по актёрам, режиссёрам и т.д. прямо из созданной темы.

    В теме, где список актёров находится в теге [cast], имя каждого актёра становится ссылкой, при нажатии на которую, будет представлен список раздач трекера с его участием.         
    В тег [cast] нужно вставлять сразу весь список актеров или режиссеров.

  • Пример:

    Код:

    [cast]Андрей Тарковский[/cast]

  • результат - ссылка на раздачи с участием этого режиссёра:

    Важно! Если в в тег берется более 2-х актёров|режиссеров, то после каждого имени ставится запятая.

pic
© 2013 Администрация | Составлено специально для торрент-трекера Rustroka.com, любое копирование запрещено!
Дата обновления 01.11.2013 | aka Rasputin
pic

Текущее время: 24-Май 01:35

Часовой пояс: GMT + 3



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы