Список форумов sferoidbase.narod.ru sferoidbase.narod.ru
Форум Сфероида
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РeгистрацияРeгистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 

Руководство по BBCode
Вступление
Что такое BBCode?

Форматирование текста
Как сделать текст жирным, наклонным или подчёркнутым
Как изменить цвет или размер текста
Для чего предназначен тэг TAB, BBCode?
Как определить якорь и ссылку на него внутри сообщения?
Могу ли я комбинировать теги?

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

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

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

Показ картинок в сообщениях
Добавление картинки в сообщение
Выравнивание изображений и обтекание их текстом

Создание таблиц
Должен ли я закрывать тэги [mrow], [row] и [col]?
Что делают тэги [table] и [/table]?
Что делает тэг [mrow]?
Что делает тэг [row]?
Что делает тэг [row color=]?
Что делает тэг [col]?
Что делает тэг [col color=]?

Прочее
Могу ли я добавить собственные теги?

 

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

Форматирование текста
Как сделать текст жирным, наклонным или подчёркнутым
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]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в пикселях, начиная от 1 (настолько маленький, что вы его не увидите) до 29 (очень большой). Например:

    [size=9]МАЛЕНЬКИЙ[/size]

    скорее всего будет МАЛЕНЬКИЙ

    в то время как:

    [size=24]ЗДОРОВЫЙ![/size]

    будет ЗДОРОВЫЙ!

Вернуться к началу
Для чего предназначен тэг TAB, BBCode?
На этом форуме установлена модификация BBCode "Tab". Используя тэг Tab, вы можете вставлять несколько пробелов, для форматирования текста. Например строка:
  • Ух ты! Смотрите, здесь [tab]есть отступ!

    будет отображена как:

    Ух ты! Смотрите, здесь есть отступ!

Вернуться к началу
Как определить якорь и ссылку на него внутри сообщения?
На этом форуме установлена модификация, позволяющая задавать якоря и ссылки в теле сообщения.
  • Чтобы определить якорь в вашем сообщении, просто используйте тэг [anchor]название якоря[/anchor]. Названием якоря должно быть слово (сочетание символов, без пробелов), состоящее из букв латинского алфавита (и цифр, название должно начинаться с буквы).
  • Ссылку на якорь можно определить следующим способом:
    1. Изнутри этого же сообщения [goto=название якоря]текст[/goto].
    2. Из другого сообщения, на тойже странице [goto=номер сообщения,название якоря]текст[/goto].
    3. Из другого сообщения, другой страницы [gotopost=номер сообщения,название якоря]текст[/gotopost].
  • Кроме того, вы также можете использовать тэги "goto" и "gotopost", чтобы делать ссылки на начало любого другого сообщения:
    1. [goto=номер сообщения]текст[/goto] если другое сообщение на той же странице,
    2. В противном случае используйте [gotopost=номер сообщения]текст[/gotopost].

Вернуться к началу
Могу ли я комбинировать теги?
Да, конечно можете. Например для привлечения чьего-то внимания вы сможете написать:

[size=18][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]

что выдаст ПОСМОТРИТЕ НА МЕНЯ!

Мы не рекомендуем выводить таким образом длинные тексты! Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены. Вот этот BBCode, например, неправилен:

[b][u]Это неверно[/b][/u]
Вернуться к началу

Цитирование и вывод форматированных текстов
Цитирование при ответах
Есть два способа процитировать текст, со ссылкой и без.
  • Когда вы используете кнопку «Ответить с цитатой» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [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] будет сохранено.
Вернуться к началу

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

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

Это выдаст такой список:
  • Красный
  • Синий
  • Жёлтый

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

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

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

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

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

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

Создание ссылок
Ссылки на другой сайт
В BBCode поддерживается несколько способов создания URL'ов.
  • Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:

    [url=http://www.phpbb.com/]Посетите phpBB![/url]

    Это создаст следующую ссылку: Посетите phpBB! Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.
  • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

    [url]http://www.phpbb.com/[/url]

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

    [email]no.one@domain.adr[/email]

    что выдаст no.one@domain.adr или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.
Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

неверно, что может привести к последующему удалению вашего сообщения, так что будьте аккуратнее.
Вернуться к началу

Показ картинок в сообщениях
Добавление картинки в сообщение
BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество картинок, во-вторых, ваша картинка уже должна быть размещена в интернете (т.е. она не может быть расположена только на вашем компьютере, если, конечно, вы не запустили на нём вебсервер!). На данный момент нет возможности хранить изображения локально на phpBB (ожидается, что это ограничение будет снято в следующей версии phpBB). Для вывода картинки вы должны окружить её URL тегами [img][/img]. Например:

[img]http://www.phpbb.com/images/phplogo.gif[/img]

Как указано в предыдущем пункте, вы можете заключить картинку в теги [url][/url], то есть

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/img][/url]

выдаст:



Вернуться к началу
Выравнивание изображений и обтекание их текстом
На этом форуме установлена модификация BBCode, позволяющая более гибко управлять размещением изображений в теле сообщения. Кроме того, при использовании этих тэгов, текст будет обтекать изображение, а не размещаться только сверху или снизу, как в обычном тэге [img]. Например:

Обычный тэг "img":
Очень, очень, [img]phplogo.gif[/img] [img]phplogo.gif[/img] очень, очень, очень, очень, очень длинное предложение.

Очень, очень, очень, очень, очень, очень, очень длинное предложение.


Используются тэги "left" и "right":
Очень, очень, [img=left]phplogo.gif[/img] [img=right]phplogo.gif[/img] очень, очень, очень, очень, очень длинное предложение.

Очень, очень, очень, очень, очень, очень, очень длинное предложение.



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

Создание таблиц
Должен ли я закрывать тэги [mrow], [row] и [col]?
Нет, таблицы создаваемые BBCode не требуют никаких дополнительных тэгов, за исключением [/table], который является обязательным.
Вернуться к началу
Что делают тэги [table] и [/table]?
Используйте тэги [table] и [/table], чтобы начинать и завершать описание таблиц.
Начните описывать таблицы, при помощи тэга [table]
и завершите тэгом [/table].
Вернуться к началу
Что делает тэг [mrow]?
Тэг [mrow] описывает строку заголовка таблицы (Жёлтый фон, центрированный текст).
Примечание: тэг [/mrow] - НЕ требуется.

Например:

[table][mrow]Заголовок Таблицы[/table]

Будет отображено как...

Заголовок Таблицы

Вернуться к началу
Что делает тэг [row]?
Помещайте тэг [row] в начале каждой строки таблицы (текст белый, не центрированный).
Примечание: тэг [/row] - НЕ требуется.

Например:

[table][mrow]Заголовок Таблицы[row]Просто Строка[/table]

Будет отображено как...

Заголовок Таблицы
Просто Строка

Вернуться к началу
Что делает тэг [row color=]?
Помещайте тэг [row color=] в начале каждой строки, самостоятельно указывая цвет фона.

Вы можете цвет указать как по имени [row color=colorname],
так и явно [row color=#colorcode].

Например:

[table][mrow]Заголовок Таблицы[row]Просто Строка[row color=blue]Цветная Строка 1[row color=#0000FF]Цветная Строка 2[/table]

Будет отображено как...

Заголовок Таблицы
Просто Строка
Цветная Строка 1
Цветная Строка 2

Вернуться к началу
Что делает тэг [col]?
Используйте тэг [col], чтобы создать новый столбец.
Примечание: тэг [/col] - НЕ требуется.

Например:

[table][mrow]Главный Столбец 1[col]Главный Столбец 2[row]Обычная строка колонки 1[col]Обычная строка колонки 2[row color=blue]Цветная строка 1 колонки 1[col]Цветная строка 1 колонки 2[row color=#0000FF]Цветная строка 2 колонки 1[col]Цветная строка 2 колонки 2[/table]

Будет отображено как...

Главный Столбец 1Главный Столбец 2
Обычная строка колонки 1Обычная строка колонки 2
Цветная строка 1 колонки 1Цветная строка 1 колонки 2
Цветная строка 2 колонки 1Цветная строка 2 колонки 2

Вернуться к началу
Что делает тэг [col color=]?
Тэг [col color=] позволяет начинать колонки, с заданным вами цветом фона.

Вы можете цвет указать как по имени [col color=colorname],
так и явно [col color=#colorcode].

Например:

[table][mrow]Главный Столбец 1[col]Главная строка колонки 2[col color=red]Главная строка колонки 2[col color=#FF0000]Главная строка колонки 4[row]Обычная строка колонки 1[col]Обычная строка колонки 2[col color=red]Обычная строка колонки 3[col color=#FF0000]Обычная строка колонки 4[row color=blue]Цветная строка 1 колонки 1[col]Цветная строка 1 колонки 2[col color=red]Цветная строка 1 колонки 3[col color=#FF0000]Цветная строка 1 колонки 4[row color=#0000FF]Цветная строка 2 колонки 1[col]Цветная строка 2 колонки 2[col color=red]Цветная строка 2 колонки 3[col color=#FF0000]Цветная строка 2 колонки 4[/table]

Будет отображено как...

Главная строка колонки 1Главная строка колонки 2Главная строка колонки 3Главная строка колонки 4
Обычная строка колонки 1Обычная строка колонки 2Обычная строка колонки 3Обычная строка колонки 4
Цветная строка 1 колонки 1Цветная строка 1 колонки 2Цветная строка 1 колонки 3Цветная строка 1 колонки 4
Цветная строка 2 колонки 1Цветная строка 2 колонки 2Цветная строка 2 колонки 3Цветная строка 2 колонки 4

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

Прочее
Могу ли я добавить собственные теги?
Нет, по крайней мере, не в phpBB 2.0. Мы планируем добавить поддержку настраиваемых тегов BBCode в следующей версии
Вернуться к началу

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

Перейти:  


Powered by phpBB © 2001, 2005 phpBB Group