Красивая цитата PHPbb

Описание: Всё что относится к phpBB и его модификациям
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#1 Дим » 17 декабря 2013, 19:04

Admin писал(а):Красивая цитата PHPbb
пример

Для prosilver

Не меняем стандартный bbcode цитата (шаблон bbcode.html):

Код: Выделить всё

<!-- 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, в самый конец темы стиля добавить:

Код: Выделить всё

/* 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-#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):

Код: Выделить всё

<!-- 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 --> 


В конец темы стиля:

Код: Выделить всё

/* 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-#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; - начертание

Скачать картинки
a-beautiful-quote.rar
(13.95 КБ) 261 скачивание
[center]i love you [s]mxIni[/s] Mysql[/center]


Вернуться в «phpBB»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 5 гостей