вСкрипты для Юкоз

Вид цитаты два разных стиля для uCoz

 
Приветствую и сразу хочется вам предложить посмотреть Вид цитаты два стиля для uCoz только под светлый дизайн. Они можно сказать созданы почти одинаково, но CSS у них отличается. Так как у одного скрипта одна ссылка у второго немного больше. Просто будет еще сам значок и в этом заключается сам дизайн. Если стандарт уже не подходит, то можете эти поставить и посмотреть как будет выглядеть на ресурсе.

Давайте устанавливать, копируем что вам нужно и ставим в CSS где не чего не нужно убирать.

1)

Код
.bbQuoteBlock   
  display:block;  
  border:1px solid #68B4CE;  
  margin:10px;  
  padding:0 10px 0 20px;  
  background: #E7F6FB url(‘http://zornet.ru/SKRIPT/Stule/code.gif’) repeat;  
  -moz-box-shadow: 1px 1px 0 #d3eef7;  
  -webkit-box-shadow: 1px 1px 0 #d3eef7;  
  box-shadow: 1px 1px 0 #FFF;  
  font-size:12px;  
  line-height:21px;  
  font-family:arial, helvetica, sans-serif;  
  font-style:italic;  
  color:#747474;  
  position:relative;  
  border-radius: 5px;
  
.bbQuoteName   
  position:absolute;  
  top:1px;  
  left:35px;  
  
.quoteMessage   
  border:0 none !important;  
  border-left:4px double #2891A9 !important;  
  display:block;  
  padding:23px 10px 9px 15px;  
  word-wrap:break-word;  

Теперь цитата, которая стоит на официальном сайте.

2)

Код
.bbQuoteBlock   
margin: 5px 0 10px 0 !important;  
border: 1px solid #d8d5c0;  
background: #faf7e0 url(http://zornet.ru/CSS-ZORNET/derkamer/quoteblock.gif) repeat-y 0 15px;  
font: 15px/21px ‘Times New Roman’;  
color: #817f67;  
border-radius: 5px 1px 1px 5px;  
  
.bbQuoteName   
padding: 13px 0 0 50px !important;  
font-size: 15px !important;  
border-radius: 5px;  
background: url(http://zornet.ru/CSS-ZORNET/derkamer/quoteblock.gif) no-repeat 0 -1px;  
  
.bbQuoteName b   
font-weight: normal;  
  
.qName   
font-weight: bold;  
  
.quoteMessage   
padding: 1px 20px 15px 30px;  
border: 0 !important;  
margin: 3px 20px 0 20px;  
background: url(http://forum.ucoz.ru/images/quotes.png) no-repeat 0 2px;  

На этом все, и не забываем когда установили, все сохранить.

источник: zornet.ru

Похожие посты