» »

Вид цитаты ucoz в стиле SEGA


Так очень приличный по своему дизайну Вид цитаты ucoz в стиле SEGA который безусловно намного красивей смотрится перед стандартным что дает нам сама система. Можно установить на светлый ресурс и потом самим его подогнать как вы его видите по цветовой гамме. Все делается очень просто, и сам стиль не сложный, только если вы решили цвет ему сменить, по вам придется и стрелку красить, так как она идет ссылкой.

В CSS:

Код
.bbQuoteName {  
  background:#6cadcd;  
  color:#fff;  
  line-height:28px;  
  padding-left:15px;  
  text-transform:uppercase;  
}  
.quoteMessage {  
  border:1px solid #e5e1d9 !important;  
  border-top:0 none !important;  
  padding:15px 15px 15px 15px;  
  background:#f2eee6 url(http://zornet.ru/Statistics/zav/dsav/blue_arrow.png) no-repeat 90% top;  
  font-style:italic;  
}
22.09.2014 Просмотров: 1920 Комментарий: (4)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Kosten
Kosten 22.09.2014 02:341
0
Разберем классы для ее управления:
bbQuoteBlock - оболочка блока цитаты
bbQuoteName - блок имени цитируемого
qName - имя цитируемого
quoteMessage - текст цитаты

Делаем такой какой вам нужен.
Kosten
Kosten 22.09.2014 03:082
0
Slavik, просто много идет вид цитат по этому дизайну, когда можно самому все сделать. Так как дизайн одинаковый у всех, только цвета разные.
avatar