ББкод-аналог code

[al36rus]

Привет.
Нужен ббкод, визуально аналогичный code, но с другой надписью вместо "Код - выделить все" и без ограничения по высоте (без прокрутки).
Просто использование <div class="codebox"> выдает что-то похожее по цветам, но кривое (отступы, размеры и т.п.), по крайней мере такая вставка на странице, созданной расширением, выглядит не айс.

[Nekstati]

al36rus,

Код: Выделить всё

[xcode]{TEXT}[/xcode]

Код: Выделить всё

<div class="codebox" style="font-size: 1.1em">
	<p style="text-transform: uppercase; border-bottom: 1px solid #CCC; padding: 3px">Ваша надпись: <a href="#" onclick="selectCode(this); return false;">Ссылка для выделения кода</a></p>
	<pre><code style="max-height: none">{TEXT}</code></pre>
</div>

 
http://htmlbook.ru/css

[al36rus]

Результат такой же, как и у меня вчера

xcode.png

Не понимаю, почему использование класса даже внутри одной темы дает разный результат.
Задачу бы хотелось решить с использованием стилей, чтобы при смене стиля (шаблона) темы визуально xcode так же бы менялся.

http://htmlbook.ru/css - возвращаю

Отправлено спустя 21 минуту 14 секунд:

Код: Выделить всё

[xcode={TEXT1}]{TEXT2}[/xcode]

Код: Выделить всё

<div class="codebox">
	<p>{TEXT1}: <a href="#" onclick="selectCode(this); return false;">Ссылка для выделения кода</a></p>
	<pre><code style="max-height: none">{TEXT2}</code></pre>
</div>

Такой ББкод дает нужный результат внутри темы (осталось решить вопрос только с горизонтальной прокруткой, оказывается, и в обычном code она имеется).

Но использование на странице, созданной расширением pages, все криво (не сразу заметил, но и обычный code такой же кривой - шрифты, оступы и прочее), хотя вроде стили те же самые подтягиваются.

Отправлено спустя 52 минуты 13 секунд:
В общем, пришел к такому:

Код: Выделить всё

[xcode={TEXT1}]{TEXT2}[/xcode]

Код: Выделить всё

<div class="codebox">
	<p>{TEXT1}</p>
	<code style="max-height: none">{TEXT2}</code>
</div>

Теперь не понимает отступы, но это, в принципе, не очень важно. В любом случае, прибить горизонтальную прокрутку я не смог другим способом.

xcode.png

Больше расстраивает кривость отображения на отдельных страницах (pages), т.е. для меня странно, что даже родной ббкод не работает нормально в официальном расширении.

[Nekstati]

Результат такой же, как и у меня вчера

 
Советы даются по умолчанию для дефолтного стиля Просильвер, если вопрошающий не упомянул свой кастомный стиль. ;)
 

осталось решить вопрос только с горизонтальной прокруткой

 

Код: Выделить всё

pre, code {
    white-space: pre-wrap;
    word-wrap: break-word;
}

 

кривость отображения на отдельных страницах (pages), т.е. для меня странно, что даже родной ббкод не работает нормально в официальном расширении.

 
Потому что в CSS древний код, привязанный именно к структуре вьютопика...

[al36rus]

в результате внутри xcode не работают другие ббкоды. каким образом это можно исправить?

[Nekstati]

al36rus, ну так ББкоды не работают и внутри стандартного [cоde]. Попробуйте убрать HTML-тег <code> и оставить только <pre>. Но придётся прописать соответствующий стиль для <pre>.

[al36rus]

Может, кому-то понадобится, выделение по тексту так же, как цитированием, но без заголовка "ХХХ писал(а)". ну, и, главное, ББкоды внутри работают.

Код: Выделить всё

[xquote]{TEXT}[/xquote]

Код: Выделить всё

<blockquote>
<div>
{TEXT}
</div>
</blockquote>