Простой, в плане реализации, дизайн цитаты в виде листа бумаги в линейку с отчерченными красными полями, с использованием CSS3, для стилей на основе prosilver.
Мы не будем менять стандартный bbcode цитата (шаблон
В конец темы вашего стиля ставим:
Изменить цвет текста или размер можно в блоке:
В устаревших браузерах (в IE) цитата будет просто жёлтая, без полос.
Мы не будем менять стандартный bbcode цитата (шаблон
bbcode.html
), добавляем лишь стили.В конец темы вашего стиля ставим:
Код: Выделить всё
blockquote {
margin: 5px auto;
position: relative;
padding: 10px 10px 10px 45px;
line-height: 23px;
color: #6A5F49;
text-shadow: 0 1px 1px white;
font: 0.95em/23px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
border: 1px solid #C3BAAA;
border-color: rgba(195, 186, 170, 0.9);
background-color: #F2F6C1;
background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 99%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 22px, rgba(239, 207, 173, 0.7) 22px, rgba(239, 207, 173, 0.7) 23px);
background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 22px, rgba(239, 207, 173, 0.7) 22px, rgba(239, 207, 173, 0.7) 23px);
background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 22px, rgba(239, 207, 173, 0.7) 22px, rgba(239, 207, 173, 0.7) 23px);
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr=#FFF2F6C1, EndColorStr=#32E8EBCB, GradientType=0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #D8E071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #D8E071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #D8E071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
blockquote:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 28px;
width: 2px;
border: solid #efcfad;
/* IE 8 */
border-color: rgba(239, 207, 173, 0.9);
border-width: 0 1px;
}
blockquote div {
background: url("{T_THEME_PATH}/images/quote.gif") no-repeat 0px 5px;
}
blockquote.uncited {
padding-top: 10px;
}
blockquote.uncited div {
padding-top: 23px;
}
blockquote {
.color: #6A5F49;
- цветfont: 0.95em/23px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
- первое значение - размер; второе - межстрочный интервал; далее через запятую - имя шрифта.В устаревших браузерах (в IE) цитата будет просто жёлтая, без полос.
Комментарии: 8
НУ я же и говорю, похожее , но думаю облачко дядькам по 30-40 лет не понравитсяCabinetAdmin писал(а):Имхо, но мне кажется, что для форума о путешествиях цитата в виде листа не очень подходит.
Можно что нибудь такое соорудить:
Даже и не знаю что придумать, может что то связанными как то с картами ( старинными ) или что то типо антикварного значка
Подумаю намедни, может чего сооружу.igorbond писал(а):может что то связанными как то с картами ( старинными ) или что то типо антикварного значка
зы.
Хм... А по мне так даже очень ничего:)igorbond писал(а):но думаю облачко дядькам по 30-40 лет не понравится
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!