uOn - Все для uCoz - Все для вашего сайта на uCoz

Сегодня мы вам представим 6 цветовых вариантов вида цитат для вашего сайта на uCoz.

Установка

1. Загрузить файлы с архива себе на сайт

2. Заменить стандартную надпись Quote на свою надпись "Цитата" - установим JS код, например, в нижнюю часть сайта:

Код

3. Вставить код понравившегося вида цитат в CSS:

1. Голубой

Код

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

2. Зеленый

Код

.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(/green_arrow.png) no-repeat 90% top;
  font-style:italic;
}

3. Серый

Код

.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(/gray_arrow.png) no-repeat 90% top;
  font-style:italic;
}

4. Розовый

Код

.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(/pink_arrow.png) no-repeat 90% top;
  font-style:italic;
}

5. Оранжевый

Код

.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(/orange_arrow.png) no-repeat 90% top;
  font-style:italic;
}

6. Черный

Код

.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(/black_arrow.png) no-repeat 90% top;
  font-style:italic;
}

На этом все smile

Шаблон портфолио для uCoz

Очень красивый шаблон на тему портфолио на технологии uCoz. Шаблон одностраничный, так же он красиво оформлен.

← Читать далее

Адаптация шаблона Marble для uCoz

Адаптация шаблона для блога - Marble. Шаблон имеет минималистичный и адаптивный дизайн. Подойдет под многие тематики. Демонстрация присутствует.

Читать далее →

Вид цитат для uCoz