aptitude search flash | grep ^i
<div class="code"><code>текст, который обрамляется</code></div>
div
надо сначала создать. Для этого открываем редактор кода и добавляем между тегами <b:skin></b:skin> (следите, чтобы ваш код не попал в комментарии — они начинаются с «/*» и заканчиваются «*/») следующее:div.code {
background: #eeeeee;
border: 1px dashed #999999;
padding: 5px;
overflow: auto;
font-family: monospace;
}
Да, и ещё одно: в предпросмотре Blogger рамочка и фон не отображаются :(
Удачи!
При подготовке заметки использовались наработки других блоггеров:
- Статья «Несколько примочек для Blogger» Дмитрия Конищева
- Статья «Как запостить программный код на Blogger?» Михаила Конника
UPD: сегодня (11.12.2011) заметил, что во всех тегах
pre
содержимое «вытянулось» в одну строку. Ранее в этом посте описывалось форматирование кода именно с помощью pre
, но теперь я заменил рецепт на тот, что вы видите сейчас. Кроме того, в новой (очередной) версии редактора рамочки и фон стали отображаться, но также увеличился междустрочный интвервал. Не обращайте внимания — после публикации всё будет окей.
Копируете статью — поставьте ссылку!
3 комментария:
Элегантно смотрится. Возьму на карандаш :-)
Спасибо
Пожалуйста ;)
Спасибо за внимание к блогу.
"Учтите, что тег pre автоматически вставляет после себя перевод строки"
Важное замечание, как-то не думал об этом, буду знать :)
Отправить комментарий
Примечание. Отправлять комментарии могут только участники этого блога.