Интернет, компьютеры, софт и прочий Hi-Tech

Подписаться через RSS2Email.ru

Применение 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Значения атрибутов
Биржа долевых инвестиций SIMEX.

Последнее редактирование: 2007-08-23 17:27:38

Метки материала: BBCode, теги, xBB, CSS, HTML


10 комментариев

09.07.2010 10:28:56 #
Mozilla Firefox dima
Я просто обрезаю большие тексты на сервере. Кроме того знаю, что некоторые товарищи дописывали к xBBEditor'у фишку, показывающую, сколько еще символов можно набрать пользователю. Думаю, что это не очень сложно.
08.07.2010 13:13:17 #
Mozilla Firefox Гость SunnyDay
Классная либа. А есть информация как ограничить текстовый ввод? Иначе всякие троли будут постить Большой текст например)
02.12.2009 11:12:44 #
Mozilla Firefox dima
Да, учту ваше дельное замечание. Спасибо
02.12.2009 10:52:29 #
Opera Гость galley slave
Хорошая библиотека. Поставил у себя. Смущает дефолтный "style.css" в котором в одной куче представлены стили демонстрационной страницы, как я понял, и стили BB-кодов. Можно стили BB-кодов как-то вынести отдельно, чтобы не заморачиваться отладкой их отображения?
13.09.2009 20:37:11 #
Iceweasel dima
О конвертации HTML в BBCode: http://xbb.uz/forums/bbcode...nvertirovat
12.09.2009 18:26:55 #
Internet Explorer Гость Natka
Как сделать из HTNL код BB?
28.08.2009 11:30:02 #
Iceweasel dima
Про тег спойлер: http://xbb.uz/forums/bbcode...ode_spoiler
Про стили этого сайта: http://xbb.uz/files/style.css
27.08.2009 20:05:44 #
Opera Гость dimka (UA)
А как зделать такой стиль цитаты как  у вас? и как зделать как у вас такую функцию: [spoiler][/spoiler] .. выпустите новую версию уже с функцией [spoiler][/spoiler] плиз.... или помогите, если незатруднит напишите пожалуста ответ на мыло dimasrap5@gmail.com. Зарание огромное спасибл
02.12.2008 21:18:53 #
Iceweasel dima
В xbb.js.php
 
Javascript
iframe.style.border = '1px solid #a9b8c2';
02.12.2008 15:07:26 #
Mozilla Firefox Гость Max
Как можно отключить самую первую рамку в редакторе - которая толи после textarea остается, толи создается какойто таблицой в яйве. Смог только отключить рамку во внутренней textare`и редактора через стили    в xbb.php

Оставьте, пожалуйста, свой комментарий к публикации

Представиться как     Антибот:
   

Просьба не постить мусор. Если вы хотите потестить xBB, воспользуйтесь кнопкой предварительного просмотра на панели инструментов xBBEditor-а.


© 2007-2017, Дмитрий Скоробогатов.
Разрешается воспроизводить, распространять и/или изменять материалы сайта
в соответствии с условиями GNU Free Documentation License,
версии 1.2 или любой более поздней версии, опубликованной FSF,
если только иное не указано в самих материалах.