Для создания интересного вида цитаты в стиле тетрадного листочка для uCoz необходимо выполнить следующие шаги:

1. Вставьте следующий код в самый низ вашего CSS

Код
.bbQuoteBlock {
  max-width: 800px;
  margin-bottom: 14px;
  background: #f9f5e1 url('/img/list0.gif') top left repeat-y;
  border: 1px solid #d0c8b3;
  position: relative;
  text-align: left;
}
.bbQuoteName {
  background: #f5edd6 url('/img/list1.gif') repeat-y;
  padding: 0px !important;
  padding-left: 54px !important;
  font-family: 'Constantia', Georgia, sans-serif;
  font-size: 15px !important;
  color: #8b7647;
  height: 38px;
  line-height: 38px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: left;
}
.quoteMessage {
  font-size: 15px !important;
  font-family: 'Constantia', Georgia, sans-serif;
  line-height: 20px;
  padding: 20px 32px !important;
  padding-bottom: 58px !important;
  border: 0px !important;
  color: #614600 !important;
  text-align: left;
}


2. Загрузите две картинки из прикрепленного архива в папку img на вашем сайте.

После выполнения этих шагов, вы сможете использовать стиль тетрадного листочка для цитат на вашем сайте uCoz. Код CSS задаст цитатам уникальный вид, оформленный в соответствии с вашими требованиями.
Оригинальный вид, цитаты, quote, для uCoz
Размер: 12.2 Kb

Комментарии

Минимальная длина комментария - 50 знаков. комментарии модерируются
HTMLSTART » Скрипты UCOZ » code & quote » Оригинальный вид, цитаты, quote, для uCoz