Декабрь 19, 2019 Просмотры 72 просмотра

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

  1. Общие сведения
  2. Список тегов
  3. Быстрый старт
  4. API
  5. Применение CSS
  6. Условия использования и инсталляция

Применение 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Значения атрибутов

Скачать zip-архив со скриптом, тестами и набором смайликов можно здесь.


Просмотры 72 просмотра

Отзывы

Админ
Отлично!
Март 28 Админ

Статьи и обзоры Все статьи

BIOS – это базовая система ввода и вывода. Программа, которая ...
ИМО представляет собой веб – сервис для мгновенного обмена тестовыми, ...
У вас появилось необходимость поделиться изображением или информацией с экрана ...
Telegram является наиболее используемым мессенджером в Узбекистане, и до сих ...