xBB v. 0.24 - PHP-библиотека для работы с BBCode. Часть 5. Применение CSS

Применение CSS

Для изменения внешнего вида сообщений BBCode, конвертированных в HTML, следует использовать CSS. Для облегчения этой задачи многим из тегов HTML, соответствующим тегам BBCode, прописаны специальные имена классов. В следующей таблице описаны некоторые селекторы, которые могут быть использованы в таблицах стилей.

Селектор	Описание
a.bb	Ссылки, соответствующие тегам `[a]`, `[anchor]` и `[url]`.
a.bb_email	Ссылки e-mail, соответствующие тегу `[email]`.
a.bb_google	Ссылки на результаты поиска в GOOGLE, соответствующие тегу `[google]`.
abbr.bb	Аббревиатуры, соответствующие тегу `[abbr]`.
acronym.bb	Акронимы, соответствующие тегу `[acronym]`.
address.bb	Контактная информация, соответствующая тегу `[address]`.
caption.bb	Заголовки таблиц, соответствующие тегу `[caption]`.
code.bb	Компьютерные коды, соответствующие тегу `[code]`.
div.bb	Блоки, соответствующие тегам `[align]`, `[center]`, `[justify]`, `[left]` и `[right]`.
div.bb_quote	Тексты цитат, соответствующие тегу `[quote]`.
div.bb_quote_author	Указания на авторов цитат, соответствующие тегу `[quote]`.
div.php	Код PHP, соответствующий тегу `[php]`.
h1.bb	Заголовки верхнего уровня, соответствующие тегу `[h1]`.
h2.bb	Заголовки второго уровня, соответствующие тегу `[h2]`.
h3.bb	Заголовки третьего уровня, соответствующие тегу `[h3]`.
hr.bb	Горизонтальные линии, соответствующие тегу `[hr]`.
li.bb	Элементы списков, соответствующие тегу `[*]`.
ol.bb	Списки, соответствующие тегам `[list=1]` и `[list=a]`.
table.bb	Таблицы, соответствующие тегу `[table]`.
td.bb	Ячейки таблиц, соответствующие тегу `[td]`.
th.bb	Заголовки столбцов таблиц, соответствующие тегу `[th]`.
tr.bb	Строки таблиц, соответствующие тегу `[tr]`.
ul.bb	Списки, соответствующие тегу `[list]` без указания типа.

Подсветка BBCode внутри тега [bbcode] также определяется средствами CSS. В следующей таблице описаны селекторы, которые могут быть использованы в таблицах стилей для подсветки BBCode:

Селектор	Описание
code.bb_code	Контейнер подсвеченного BBCode
span.bb_spec_char	Мнемоники спецсимволов
span.bb_mnemonic	Прочие мнемоники (смайлики)
span.bb_autolink	Автоматические ссылки
span.bb_tag	Теги BBCode
span.bb_bracket	Квадратные скобки, ограничивающие теги
span.bb_slash	Слэши '/', которые закрывают теги
span.bb_tagname	Имена тегов
span.bb_attrib_name	Имена атрибутов
span.bb_equal	Знаки равенства перед значениями атрибутов
span.bb_quote	Кавычки, ограничивающие значения атрибутов
span.bb_attrib_val	Значения атрибутов