проверено на обоих стилях. работаетbbcode для развлеченияРеализовано 3 разных блока. Может кому и пригодится. Блоки имеют фиксированный размер по ширине - 550px. Выглядеть будут так:
народные цитаты
Собака лает - караван идёт народные приколы
Обезьянка - она тоже человек народная мудрость
Не тяни за хвост, если не знаешь, что на другом конце Если заинтересовало - прописывается сие так:
народные цитаты
Использование BBCodeЗамена HTMLКод: Выделить всё
<style>
.block_quote_1 {
background-color: #D4F4EA;
border: 1px solid #00B37C;
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;
width: 550px;
}
</style>
<div class="block_quote_1">народные цитаты<br /><hr><br />{TEXT}</div>
народные приколы
Использование BBCodeЗамена HTMLКод: Выделить всё
<style>
.block_quote_2 {
background-color: #87CEFA;
border: 1px solid #20B2AA;
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;
width: 550px;
}
</style>
<div class="block_quote_2">народные приколы<br /><hr><br />{TEXT}</div>
народная мудрость
Использование BBCodeЗамена HTMLКод: Выделить всё
<style>
.block_quote_3 {
background-color: #FFE4E1;
border: 1px solid #CD5C5C;
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;
width: 550px;
}
</style>
<div class="block_quote_3">народная мудрость<br /><hr><br />{TEXT}</div>
