Всё сказанное - моё личное мнение.
И небольшой код, который я использовал для создания вот таких цитат:
Пример цитаты
.quote_text { background-color: #272727; font-style: oblique; border:2px dotted #000000; display: block; margin-left: 20px; }
.quote_text:before { content: "Цитата: \201e"; font-style: normal; font-weight: bold; }
.quote_text:after { content: "\201c"; font-style: normal; font-weight: bold; }
.quote_text:hover { background-color: #1e1e1e; color: #afcafc; }
Критика, как обычно, принимается. Заранее замечу, что строки:
.quote_text:before { content: "Цитата: \201e"; font-style: normal; font-weight: bold; }
.quote_text:after { content: "\201c"; font-style: normal; font-weight: bold; }
в MSIE (Internet Explorer-е) наиболее вероятно, увы, не возымеют эффекта, как и в некоторых иных бразерах (например, в Opera Mobile работает лишь с отключенной опцией "По величине экрана"). В теории же они должны добавлять слово "Цитата" с открывающей кавычкой перед текстом цитаты и закрывающую кавычку после. Разрешение этого, по крайней мере, мне пока неизвестно.
Пример цитаты
.quote_text { background-color: #272727; font-style: oblique; border:2px dotted #000000; display: block; margin-left: 20px; }
.quote_text:before { content: "Цитата: \201e"; font-style: normal; font-weight: bold; }
.quote_text:after { content: "\201c"; font-style: normal; font-weight: bold; }
.quote_text:hover { background-color: #1e1e1e; color: #afcafc; }
Критика, как обычно, принимается. Заранее замечу, что строки:
.quote_text:before { content: "Цитата: \201e"; font-style: normal; font-weight: bold; }
.quote_text:after { content: "\201c"; font-style: normal; font-weight: bold; }
в MSIE (Internet Explorer-е) наиболее вероятно, увы, не возымеют эффекта, как и в некоторых иных бразерах (например, в Opera Mobile работает лишь с отключенной опцией "По величине экрана"). В теории же они должны добавлять слово "Цитата" с открывающей кавычкой перед текстом цитаты и закрывающую кавычку после. Разрешение этого, по крайней мере, мне пока неизвестно.