Подписаться через RSS2Email.ru
|
Показать HTML | Показать BBCode
Применение 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].
| bdo.bb
| Направление текста, соответствующее тегу [bdo].
| big.bb
| Крупный шрифт, соответствующий тегу [big].
| blockquote.bb_quote
| Тексты цитат, соответствующие тегам [blockquote] и [quote].
| br.bb
| Разрыв строки, соответствующий тегу [br].
| caption.bb
| Заголовки таблиц, соответствующие тегу [caption].
| cite.bb
| Автор или источник цитаты, соответствующий тегу [cite].
| del.bb
| Зачеркнутый текст, соответствующий тегам [del], [s] и [strike].
| div.bb
| Блоки, соответствующие тегам [align], [center], [justify], [left] и [right].
| div.bb_code
| Компьютерные коды, соответствующие тегам [code], [pre] и всем тегам подсветки синтаксиса.
| div.bb_code_footer
| Подписи блоков с компьютерными кодами, соответствующих тегам [code], [pre] и всем тегам подсветки синтаксиса.
| div.bb_code_header
| Заголовки блоков с компьютерными кодами, соответствующих тегам [code], [pre] и всем тегам подсветки синтаксиса.
| div.bb_quote_author
| Указания на авторов цитат, соответствующие тегам [blockquote] и [quote].
| em.bb
| Курсив, соответствующий тегу [em].
| h1.bb
| Заголовки верхнего уровня, соответствующие тегу [h1].
| h2.bb
| Заголовки второго уровня, соответствующие тегу [h2].
| h3.bb
| Заголовки третьего уровня, соответствующие тегу [h3].
| h4.bb
| Заголовки четвертого уровня, соответствующие тегу [h4].
| h5.bb
| Заголовки пятого уровня, соответствующие тегу [h5].
| h6.bb
| Заголовки шестого уровня, соответствующие тегу [h6].
| hr.bb
| Горизонтальные линии, соответствующие тегу [hr].
| i.bb
| Выделения в тексте, соответствующие тегу [i].
| ins.bb
| Вставленные тексты, соответствующие тегу [ins].
| li.bb
| Элементы списков, соответствующие тегу [*].
| ol.bb
| Списки, соответствующие тегам [ol], [list=1] и [list=a].
| p.bb
| Абзацы, соответствующие тегам [p].
| small.bb
| Мелкий шрифт, соответствующий тегу [small].
| span.bb_code_lang
| Названия языков компьютерных кодов, соответствующих тегам [code], [pre] и всем тегам подсветки синтаксиса.
| strong.bb
| Полужирный текст, соответствующий тегам [b] и [strong].
| sub.bb
| Нижние индексы, соответствующие тегу [sub].
| sup.bb
| Верхние индексы, соответствующие тегу [sup].
| table.bb
| Таблицы, соответствующие тегу [table].
| td.bb
| Ячейки таблиц, соответствующие тегу [td].
| th.bb
| Заголовки столбцов таблиц, соответствующие тегу [th].
| tr.bb
| Строки таблиц, соответствующие тегу [tr].
| tt.bb
| Моноширинный текст, соответствующий тегу [tt].
| u.bb
| Подчеркнутый текст, соответствующий тегу [u].
| ul.bb
| Списки, соответствующие тегу [ul] и тегу [list] без указания типа.
| var.bb
| Переменные, соответствующие тегу [var].
|
Подсветка 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 | Значения атрибутов
|
Последнее редактирование: 2007-08-23 17:27:38
Метки материала:
BBCode, теги, xBB, CSS, HTML
8 комментариев
 Гость Max
Как можно отключить самую первую рамку в редакторе - которая толи после textarea остается, толи создается какойто таблицой в яйве. Смог только отключить рамку во внутренней textare`и редактора через стили в xbb.php
 dima
В xbb.js.php
iframe.style.border = '1px solid #a9b8c2';
 Гость dimka (UA)
А как зделать такой стиль цитаты как у вас? и как зделать как у вас такую функцию: [spoiler][/spoiler] .. выпустите новую версию уже с функцией [spoiler][/spoiler] плиз.... или помогите, если незатруднит напишите пожалуста ответ на мыло dimasrap5@gmail.com. Зарание огромное спасибл
 Гость Natka
Как сделать из HTNL код BB?
Гость galley slave
Хорошая библиотека. Поставил у себя. Смущает дефолтный "style.css" в котором в одной куче представлены стили демонстрационной страницы, как я понял, и стили BB-кодов. Можно стили BB-кодов как-то вынести отдельно, чтобы не заморачиваться отладкой их отображения?
dima
Да, учту ваше дельное замечание. Спасибо
Оставьте свой комментарий:
|
