Изображение
Простой, в плане реализации, дизайн цитаты в виде листа бумаги в линейку с отчерченными красными полями, с использованием CSS3, для стилей на основе prosilver.
Мы не будем менять стандартный 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

southklad 18 апр 2013, 15:36 Сообщение

А для сабсильвер2 такое есть ???
  • 0
Изображение

CabinetAdmin 18 апр 2013, 16:13 Сообщение

Пока нету.

Было начал делать, но бросил. Не изменяя структуру цитаты, точно такую же навряд ли получится сделать, подобную только.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 18 апр 2013, 16:14 Сообщение

Ясно, а что нибудь похожее ??? Для оформления форума о путешествиях, туризме, приключениях
  • 0
Изображение

CabinetAdmin 18 апр 2013, 16:41 Сообщение

Имхо, но мне кажется, что для форума о путешествиях цитата в виде листа не очень подходит.
Можно что нибудь такое соорудить:
Изображение
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 18 апр 2013, 16:45 Сообщение

CabinetAdmin писал(а):Имхо, но мне кажется, что для форума о путешествиях цитата в виде листа не очень подходит.
Можно что нибудь такое соорудить:
Изображение
НУ я же и говорю, похожее :) , но думаю облачко дядькам по 30-40 лет не понравится :scratch:
Даже и не знаю что придумать, может что то связанными как то с картами ( старинными ) или что то типо антикварного значка :pardon:
  • 0
Изображение

CabinetAdmin 18 апр 2013, 17:18 Сообщение

igorbond писал(а):может что то связанными как то с картами ( старинными ) или что то типо антикварного значка
Подумаю намедни, может чего сооружу.


зы.
igorbond писал(а):но думаю облачко дядькам по 30-40 лет не понравится
Хм... А по мне так даже очень ничего:)
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

CabinetAdmin 19 апр 2013, 16:33 Сообщение

igorbond писал(а):может что то связанными как то с картами ( старинными ) или что то типо антикварного значка
К примеру:



На скорую руку.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 19 апр 2013, 21:31 Сообщение

CabinetAdmin писал(а):
igorbond писал(а):может что то связанными как то с картами ( старинными ) или что то типо антикварного значка
К примеру:



На скорую руку.
А что очень классно мне нравится , можно инструкцию для сабсильвер2 и для просильвер :Bravo:
  • 0
Изображение