Admin wrote:Красивая цитата PHPbb
пример
Для prosilver
Не меняем стандартный bbcode цитата (шаблон bbcode.html):
Code: Select all
<!-- BEGIN quote_username_open --><blockquote><div><cite>{USERNAME} {L_WROTE}:</cite><!-- END quote_username_open -->
<!-- BEGIN quote_open --><blockquote class="uncited"><div><!-- END quote_open -->
<!-- BEGIN quote_close --></div></blockquote><!-- END quote_close --> css, в самый конец темы стиля добавить:
Code: Select all
/* Quote on CSS3 */
blockquote {
font-size: 0.95em;
margin: 0em 1px 0 5px;
overflow: hidden;
color: #797971;
font-family: georgia;
font-style: italic;
min-height: 35px;
padding: 20px;
background: none;
border: 0;
}
blockquote div {
margin-top: -5px;
border: 1px solid #0076B4;
background: url("путь до файла/spback.png") bottom left repeat-x #FFFFFF;
padding: 20px 20px 5px 30px;
position: relative;
}
blockquote div:before {
content: '';
position: absolute;
background: url("путь до файла/openq.png") top left no-repeat transparent;
width: 16px;
height: 16px;
top: 23px;
left: 5px;
}
blockquote div:after {
content: '';
position: absolute;
background: url("путь до файла/closeq.png") top left no-repeat transparent;
width: 16px;
height: 16px;
right: 5px;
bottom: 5px;
}
blockquote div cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
color: #fff;
background: url("путь до файла/qhm.png") top left repeat-x transparent;
height: 32px;
line-height: 24px;
position: absolute;
top: -14px;
text-shadow: #000000 1px 1px;
left: -1px;
}
blockquote div cite:before {
content: '';
position: absolute;
background: url("путь до файла/qho.png") no-repeat 0px 0px transparent;
width: 31px;
height: 39px;
left: -31px;
top: 0px;
}
blockquote div cite:after {
content: '';
background: url("путь до файла/qhc.png") no-repeat 0px 0px transparent;
position: absolute;
right: -10px;
width: 10px;
height: 32px;
}
blockquote.uncited div {
padding: 10px 20px 5px 30px;
}
blockquote.uncited div:before {
top: 15px;
} Изменить цвет текста или размер можно в блоке: blockquote {.
font-size: 0.95em; - размер
color: #797971; - цвет
font-family: georgia; - имя шрифта
font-style: italic; - начертание
Для subsilver2
У стандартного subsilver2 bbcode цитата выглядит так (шаблон bbcode.html):
Code: Select all
<!-- BEGIN quote_username_open -->
<div class="quotetitle">{USERNAME} {L_WROTE}:</div><div class="quotecontent">
<!-- END quote_username_open -->
<!-- BEGIN quote_open -->
<div class="quotetitle"><b>{L_QUOTE}:</b></div><div class="quotecontent">
<!-- END quote_open -->
<!-- BEGIN quote_close -->
</div>
<!-- END quote_close --> В конец темы стиля:
Code: Select all
/* Quote on CSS3 */
.quotetitle {
background: url("путь до файла/qhm.png") top left repeat-x transparent;
height: 32px;
padding: 0px 20px 0px 20px;
position: relative;
margin: 10px 10px 0px 30px;
display: inline-block;
border: 0;
top: 20px;
left: 20px;
z-index: 9;
line-height: 24px;
color: #fff;
text-shadow: #000000 1px 1px;
font-size: 0.9em;
font-weight: bold;
font-style: normal;
}
.quotetitle:before {
content: '';
position: absolute;
background: url("путь до файла/qho.png") no-repeat 0px 0px transparent;
width: 31px;
height: 39px;
left: -31px;
top: 0;
}
.quotetitle:after {
content: '';
background: url("путь до файла/qhc.png") no-repeat 0px 0px transparent;
position: absolute;
right: -10px;
width: 10px;
height: 32px;
}
.quotecontent {
margin: 0px 10px 10px 30px;
padding: 20px 10px 10px 30px;
border: 1px solid #0076B4;
background: url("путь до файла/spback.png") bottom left repeat-x #FFFFFF;
position: relative;
overflow: hidden;
color: #797971;
font-size: 12px;
font-style: italic;
min-height: 35px;
}
.quotecontent:before {
content: '';
position: absolute;
background: url("путь до файла/closeq.png") top left no-repeat transparent;
width: 16px;
height: 16px;
top: 20px;
left: 5px;
}
.quotecontent:after {
content: '';
position: absolute;
background: url("путь до файла/openq.png") top left no-repeat transparent;
width: 16px;
height: 16px;
right: 5px;
bottom: 5px;
} Изменить цвет текста или размер можно в блоке: .quotecontent {.
color: #797971; - цвет
font-size: 12px; - размер
font-style: italic; - начертание
Скачать картинки
