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. Простой и красивый вид материалов. Подойдет под любую тематику. Картинка расположилась вверху над текстом. Под заголовком сам текст и дальше кнопка для перехода на страницу (материал). Вид материалов выполнен в минималистичном стиле.

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

Спасибо за материал для uCoz

Данный скрипт добавляет кнопку "Спасибо за материал". При нажатии на неё появится окно, которое нужно заполнить. На нем находится окно комментариев и кнопка спасибо. За "Спасибо" повышается репутация пользователя в зависимости от репутации отблагодарившего.

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

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