Оформление цитаты

Хочу изменить оформление цитат, так как стандартное оформление ну совсем простое:
отступ сверху и снизу, а также сдвиг (табуляция блока).
Такое оформление цитаты в стандартном варианте:

Погуглив, нашла несколько разных вариантов.

Вариант № 1. (самый толковый) 

Дизайн → Дизайнер шаблонов → Дополнительно → Добавить CSS.

blockquote {
border: dotted #666 1px;
border-left:solid #2388BB 5px;
margin:10px 40px;
padding:15px;
color:#333;
font-style:normal;
font-size:14px;
background:#F0F9FF;
}
Так будет внешне выглядеть цитата в статье блога:

Вариант № 2. (используется сейчас в этом блоге)

В этом варианте несколько изменены цветовое оформление и начертание шрифта.
blockquote {
margin:10px;
padding:10px;
border:1px solid #D6D6D6;
border-radius: 5px;
font-family: monospace;
background-color:#F7F7F7;
font-size:90%;
color: #000;
}

CSS варианта № 1 взят тут

Про оформление цитаты и кода:

2 комментария :

  1. Если строчку
    font-style:normal;
    заменить на
    font-style:italic;
    то начертание шрифта изменится на курсивное.

    ОтветитьУдалить
  2. Анонимный27 июня 2013 г., 06:41

    Отлично! Осталось только "доверить" кому-то детей и провести приятно время! )))

    ОтветитьУдалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>