Несколько новых видов цитат для Ucoz

Рейтинг:1.5

Отличное оформление цитат на вашем сайте с помощью цветовых видов цитат
Скрипт полезный и простой в установке

Установка:

Заходим в ПУ » Дизайн » Управление дизайном (CSS), либо в свой отдельный css файл

Для зелёного с небольшими улучшениями:

Код

.bbQuoteBlock {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
}
.bbQuoteName {
text-shadow: 0 -1px 0 #8CAD36;
border: 1px solid #54951F;
-moz-transition: all 0.3s ease 0s;
-moz-box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
color: white;
background: url("http://novi4ok.ru/serv/img/highlight_buttom2.png") repeat-x scroll center top #7BA60D;
color: white;
line-height: 28px;
padding-left: 15px;
text-transform: uppercase;
}
.bbQuoteName b {
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.quoteMessage {
border: 1px solid #A59C89 !important;
border-top: 0 none !important;
padding: 15px 15px 15px 15px;
background: #F2EEE6 url(http://novi4ok.ru/serv/uc/arrow/green_arrow.png) no-repeat 90% top;
font-style: italic;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 13px;
}

Для зелёного:

Код

.bbQuoteName {
  background:#AABC38;
  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://novi4ok.ru/serv/uc/arrow/green.png) no-repeat 90% top;
  font-style:italic;
}

Для голубого:

Код

.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://novi4ok.ru/serv/uc/arrow/blue_arrow.png) no-repeat 90% top;
  font-style:italic;
}

Для серого:

Код

.bbQuoteName {
  background:#c7c8c8;
  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://novi4ok.ru/serv/uc/arrow/gray_arrow.png) no-repeat 90% top;
  font-style:italic;
}

Для розового:

Код

.bbQuoteName {
  background:#ff6cb2;
  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://novi4ok.ru/serv/uc/arrow/pink_arrow.png) no-repeat 90% top;
  font-style:italic;
}

Для оранжевого:

Код

.bbQuoteName {
  background:#ff6e44;
  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://novi4ok.ru/serv/uc/arrow/orange_arrow.png) no-repeat 90% top;
  font-style:italic;
}

Для черного:

Код

.bbQuoteName {
  background:#646464;
  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://novi4ok.ru/serv/uc/arrow/black_arrow.png) no-repeat 90% top;
  font-style:italic;
}

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

Вот и все...