Новый вид цитат uCoz, цитаты uCoz, цитаты для uCoz, вид цитат

Новый вид цитат для uCoz

И снова всем привет.

Опять я затрагиваю эту тему, и предлагаю посомтреть, а если и подойдет, то примерить на свой сайт, 7 цветовых решений вида цитат для uCoz.

Мы уже разбирали с вами вид цитат uCoz в прошлой статье где подробно рассмотрели стандартную структуру блока цитаты и применили свое оформление.

А вот и новенькие решения, как всегда css код скопируйте к себе в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл.


бежевый вид цитат uCoz
Бежевый
Код
.bbQuoteBlock {
  display:block;
  border:1px solid #EEEBDC;
  margin:10px;
  padding:0 10px 0 20px;
  background: #FFFEEE url('http://mvcreative.ru/example/14/images/noteyellowbg.gif') repeat;
  -moz-box-shadow: 1px 1px 0 #cfc9b7;
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;
  box-shadow: 1px 1px 0 #CFC9B7;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#696765;
  position:relative;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #F3B3A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}

синий вид цитат uCoz
Синий
Код
.bbQuoteBlock {
  display:block;
  border:1px solid #d3eef7;
  margin:10px;
  padding:0 10px 0 20px;
  background: #E7F6FB url('http://mvcreative.ru/example/14/images/notebluebg.png') repeat;
  -moz-box-shadow: 1px 1px 0 #d3eef7;
  -webkit-box-shadow: 1px 1px 0 #d3eef7;
  box-shadow: 1px 1px 0 #d3eef7;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#747474;
  position:relative;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #F3B3A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}
зеленый вид цитат uCoz
Зеленый
Код
.bbQuoteBlock {
  display:block;
  border:1px solid #d8f8cd;
  margin:10px;
  padding:0 10px 0 20px;
  background: #fff3d6 url('http://mvcreative.ru/example/14/images/notegreenbg.png') repeat;
  -moz-box-shadow: 1px 1px 0 #d8f8cd;
  -webkit-box-shadow: 1px 1px 0 #d8f8cd;
  box-shadow: 1px 1px 0 #d8f8cd;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#747474;
  position:relative;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #F3B3A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}

оранжевый вид цитат uCoz
Оранжевый
Код
.bbQuoteBlock {
  display:block;
  border:1px solid #f9e8bf;
  margin:10px;
  padding:0 10px 0 20px;
  background: #fff3d6 url('http://mvcreative.ru/example/14/images/noteorangebg.png') repeat;
  -moz-box-shadow: 1px 1px 0 #f9e8bf;
  -webkit-box-shadow: 1px 1px 0 #f9e8bf;
  box-shadow: 1px 1px 0 #f9e8bf;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#747474;
  position:relative;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #F3B3A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}

красный вид цитат uCoz
Красный
Код
.bbQuoteBlock {
  display:block;
  border:1px solid #f7d1d1;
  margin:10px;
  padding:0 10px 0 20px;
  background: #ffe6e6 url('http://mvcreative.ru/example/14/images/noteredbg.png') repeat;
  -moz-box-shadow: 1px 1px 0 #f7d1d1;
  -webkit-box-shadow: 1px 1px 0 #f7d1d1;
  box-shadow: 1px 1px 0 #f7d1d1;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#747474;
  position:relative;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #F3B3A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}

белый вид цитат uCoz
Белый
Код
.bbQuoteBlock {
  display:block;
  border:1px solid #EFEFEF;
  margin:10px;
  padding:0 10px 0 20px;
  background: #FFF url('http://mvcreative.ru/example/14/images/notewhitebg.png') repeat;
  -moz-box-shadow: 1px 1px 0 #EFEFEF;
  -webkit-box-shadow: 1px 1px 0 #EFEFEF;
  box-shadow: 1px 1px 0 #EFEFEF;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#747474;
  position:relative;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #F3B3A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}

Осталось только изменить слово Quote на Цитата, для этого в конец страницы вставим данный код.

Код
<script type="text/javascript">  
  jQuery(document).ready(function () {  
  $(".bbQuoteName b").text("Цитата");  
});  
</script>

Все готово

Понравилась статья? Перейди по рекламной ссылке ниже.
Раздел: Вид цитаты ∫ Просмотров: 3907 ∫ 23.01.20135.0
Теги: цитаты, Quote
» Оцени и добавь:
оцени статью
5.0
7 Комментариев Поделись своим мнением
#7 Написал cech, 25.03.2013 12:46
Цитатнуть
а что не так?
#6 Написал ozzy, 25.03.2013 06:54
Цитатнуть
помогите как исправить?
#5 Написал ozzy, 25.03.2013 06:53
Цитатнуть

Вот скрин
#4 Написал DS, 25.03.2013 06:51
Цитатнуть
Ребята подскажите как исправить? в центре цитаты серый цвет, пробовал поставить все варианты, но проблему не решил. Добавил бы скрин для решения но нет прав.
#3 Написал evslav01, 23.01.2013 22:26
Цитатнуть
Радужненько! :D
#2 Написал cech, 23.01.2013 19:11
Цитатнуть
Vedmak ну почему, думаю вполне к месту будет, попробуй :)
#1 Написал Vedmak, 23.01.2013 19:09
Цитатнуть
Такой "тетрадный" вид не под любой дизайн подойдет.

Кстати спасибо что обходишь стороной все сайты с темным дизайном :D я их не люблю
Вы зашли на сайт как незарегистрированный пользователь. Чтобы получить полный доступ к сайту, дополнительные возможности, пройдите пятиминутную регистрацию, либо войдите на сайт под свои логином.
Что говорят заказчики?
Наша команда сотрудничает с MVC достаточно продолжительное время. Мы очень довольны результатами работы. Рекомендуем!
Брович Денис, Россия
Заказывал шаблон, всё на высшем уровне, все что я просил было выполненно, даже больше, перевыполнено. Всё получилось просто супер, сочетания цветов и красота просто поражают.
Велисов Юрий, Украина
Приятно работать! Отзывчивость, исполнительность, заинтересованность в результате и качестве работы! Спасибо!
Смолен Аленксандо, Украина