Клуб SERENDIPITY > Всё для новичков
BBCode - с чем их едят
ДД:
Коды электронной доски объявлений, или теги (ярлыки) BBCode (Bulletin Board Code), являются одним из способов форматирования текста посланий в SMF и во многих других форумах и электронных досках объявлений.
Рис.1 Список BBCode (доступных на момент написания урока)
Перечень BBCode и их краткое описание (более подробно остановимся на каждом далее)
* Жирный - выделение жирным.
* Курсив - выделение курсивом.
* Подчеркнутый - подчеркивание текста.
* Зачеркнутый - перечеркивание текста.
* Выровненный текст - выравнивание текста сообщения вручную.
* Выровнять слева - выровнять текст по левому краю.
* По центру - выровнять текст по центру.
* Выровнять справа - выровнять текст по правому краю.
* Шрифт - поменять шрифт текста (из списка доступных).
* Размер шрифта - установить размер шрифта (из списка доступных).
* Цвет текста - установить цвет тексту (из списка доступных).
* Вставить изображение - вставить картинку в текст.
* Гиперссылка - вставить ссылку на страничку.
* E-mail - вставить ссылку на email.
* Вставить ссылку FTP - вставить ссылку на FTP-хранилище.
* С обрамлением - выделить текст обрамлением.
* С тенью - добавить к тексту тень.
* Бегущая строка - переделать текст в бегущую строку.
* Надстрочный - приподнять текст над строкой.
* Подстрочный - опустить текст чуть ниже строки.
* Телетайп - "моноширинный" или "телетайпный" вывод текста.
* Вставить таблицу - возможность вставить таблицу в текст.
* Код - возможность отредактировать текст как фрагмент кода.
* Insert No BBC - отключение BBCode в фрагменте текста.
* Цитата - вставка цитат в текст.
* Неупорядоченный список - список с метками.
* Упорядоченный список - список с нумерацией.
* Горизонтальная линия - вставка в текст разделительной горизонтальной линии.
* Спойлер - вставка спойлера в текст.
* Убрать форматирование - убрать все BBCode из выделенного текста (не путать с Insert No BBC)
* Переключить вид - переключение на расширенный редактор текста и обратно.
ДД:
Теперь более подробно остановимся на порядке чередования тегов (BBCode)
Все теги имеют два вида:
* открывающий - например [b]
* закрывающий - например [/b]Закрывающие всегда начинаются с "/"
Если необходимо сделать несколько "вложенных" тегов, то их порядок должен быть следующий:
* открывающие в обычной последовательности: [1][2][3]
* закрывающиеся в обратной последовательности: [/3][/2][/1]
Примеры:
* Какой-то текст с жирным, курсивом и подчеркиванием
Выглядеть будет так:
[u][i][b]Какой-то текст с жирным, курсивом и подчеркиванием[/b][/i][/u]
* Текст весь жирный, но курсив и подчеркивание у разных частей
Выглядит так:
[b]Текст весь жирный, [i]но курсив[/i] и [u]подчеркивание[/u] у разных частей[/b]
* Более сложно сочетание жирного, курсива и подчеркивания[/b]
Выглядит так:
[b]Более сложно [u]сочетание жирного[/u][/b][i][u], курсива[/u] и подчеркивания[/i][/b]
Более сложные сочетания тегов рассмотрим позже.
ДД:
Теги выделения текста (№№ 1, 2, 3, 4)
Данные теги позволяют выделить фрагменты текста жирным, курсивом, подчеркиванием или перечеркиванием.
* Выделение жирным осуществляется тегами [b]текст[/b]
* Выделение курсивом осуществляется тегами [i]текст[/i]
* Подчеркивание осуществляется тегами [u]текст[/u]
* Перечеркивание осуществляется тегами [s]текст[/s]
Эти теги могут располагаться свободно внутри любых других тегов почти без ограничений.
ДД:
Теги выравнивания текста (№№ 5, 6, 7, 8 )
Выравнивание текста возможно по центру, слева и справа. Так же есть возможность публиковать выровненный вручную текст.
Примеры:
Вот так будет выглядеть выровненный текст:
Встречаются два людоеда:
- Ты знаешь, а я студента поймал. Сейчас пойду сварю его и съем.
- Ты что, с ума сошел?! Выбрось немедленно! Я тоже недавно студента поймал. Бросил его в котел. Так он, пока варился, всю картошку у меня съел.
Выглядит это так:
[pre]Вот так будет выглядеть выровненный текст:...[/pre]
Выравнивание по левому краю все знакомо - так публикуются тексты в сообщениях по-умолчанию. Но иногда и такое выравнивание надо использовать. Примеры смогу привести когда будем разбираться с таблицами.Вот так выглядит:
[left]Выравнивание по левому краю все знакомо...[/left]
А вот выравнивание по центру:
Встречаются два людоеда:
- Ты знаешь, а я студента поймал. Сейчас пойду сварю его и съем.
- Ты что, с ума сошел?! Выбрось немедленно! Я тоже недавно студента поймал. Бросил его в котел. Так он, пока варился, всю картошку у меня съел.Выглядит так:
[center]А вот выравнивание по центру:...[/center]
Ну и выравнивание по правому краю:
Встречаются два людоеда:
- Ты знаешь, а я студента поймал. Сейчас пойду сварю его и съем.
- Ты что, с ума сошел?! Выбрось немедленно! Я тоже недавно студента поймал. Бросил его в котел. Так он, пока варился, всю картошку у меня съел.Делается так:
[right]Ну и выравнивание по правому краю:...[/right]
Теги выравнивания текста надо применять к абзацам. Если попробовать вставить выравнивание внутри текста - текст разобьется на 3 части: до тегов, внутри тегов и после тегов.
Например:
Текст до выравнивания, текст с выравниванием по центру, текст после выравнивания.
Здесь тег выравнивания по центру вставлен прямо внутри текста:
Текст до выравнивания, [center]текст с выравниванием по центру[/center], текст после выравнивания.
Что и привело к такому "неприятному" результату.
Самое "оптимальное" использование тегов выравнивания - применять их последними к тексту. Исключение, пожалуй, составят теги таблицы. Но к ним мы вернемся позже.
ДД:
Изменение шрифтов (№№ 9, 10, 11)
Тексту так же можно поменять шрифт, размер и цвет.
Примеры использования шрифтов:
Courier-[font=courier]Courier[/font]Arial-[font=arial]Arial[/font]Arial Black-[font=arial black]Arial Black[/font]Impact-[font=impact]Impact[/font]Verdana-[font=verdana]Verdana[/font]Times New Roman-[font=times new roman]Times New Roman[/font]Georgia-[font=georgia]Georgia[/font]Andale Mono-[font=andale mono]Andale Mono[/font]Trebuchet MS-[font=trebuchet ms]Trebuchet MS[/font]Comic Sans MS-[font=comic sans ms]Comic Sans MS[/font]А вот как можно изменять размеры шрифта:
Шрифт 8pt-[size=8pt]Шрифт 8pt[/size]Шрифт 10pt-[size=10pt]Шрифт 10pt[/size]Шрифт 12pt-[size=12pt]Шрифт 12pt[/size]Шрифт 14pt-[size=14pt]Шрифт 14pt[/size]Шрифт 18pt-[size=18pt]Шрифт 18pt[/size]Шрифт 24pt-[size=24pt]Шрифт 24pt[/size]Шрифт 36pt-[size=36pt]Шрифт 36pt[/size]Так же можно установить размер шрифта вручную просто указав его самому:
Шрифт 20pt
Делается это исправив следующие цифры в теге:
[size=20pt]Шрифт 20pt[/size]
И "на закуску" рассмотрим использование различных цветов в тексте. По-умолчанию форум предлагает следующие стандартные цвета:
Черный-[color=black]Черный[/color]Красный-[color=red]Красный[/color]Желтый-[color=yellow]Желтый[/color]Розовый-[color=pink]Розовый[/color]Зеленый-[color=green]Зеленый[/color]Оранжевый-[color=orange]Оранжевый[/color]Пурпурный-[color=purple]Пурпурный[/color]Синий-[color=blue]Синий[/color]Бежевый-[color=beige]Бежевый[/color]Коричневый-[color=brown]Коричневый[/color]Бирюзовый-[color=teal]Бирюзовый[/color]Фиолетовый-[color=navy]Фиолетовый[/color]Темно-красный-[color=maroon]Темно-красный[/color]Светло-зеленый-[color=limegreen]Светло-зеленый[/color]Белый-[color=white]Белый[/color]Так же есть возможность указывать текст вручную, но для этого надо знать их общепринятое название или шестнадцатеричное значение.
Например:
светло-серый будет выглядеть так: [color=#cccccc]светло-серый[/color]
Рекомендуемый порядок применения тегов шрифтов:
* Если надо применить такое форматирование к отдельным элементам текста - после применения выделения (жирным и т.д.), но перед использованием выравнивания текста (по центру и т.п.)
* Если же надо применить форматирование ко всему сообщению - используйте эти теги уже после того, как закончите полностью оформлять все остальное форматирование.
Навигация
Перейти к полной версии