воскресенье, 5 февраля 2017 г.

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


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

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

Вариант № 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 взят тут

0 коммент.:

Отправить комментарий