» »

Вид цитаты и кода для сайта


Вид цитаты и кода для сайта

Вид цитаты и кода для сайта системы юкоз. Вид оригинален как сами видите и не ко всем дизайн сайта подойдет. Но пробовать не кто не запрещает а вдруг он по дизайн вашего сайта подойдет. Вот как то вкратце.
Приступаем к установке:
Здесь мы не будим придумывать велосипед а возьмем и скопируем код ниже. И пропишем в самом низу вашего CSS. На этом все!

Код

.bbCodeName {background: rgba(110, 80, 54, 0.111);  
-moz-border-radius: 2px;  
-webkit-border-radius: 2px;  
border-radius: 2px;  
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.600), 0px 1px 0px rgba(0, 0, 0, 0.300) inset, 0px 1px 0px rgba(255, 255, 255, 0.300);  
color: #6e5036;  
height: 16px;  
padding: 5px;font-size: 12px !important;}  

.codeMessage {  
background: #fff url('http://zornet.ru/zornet_ru8/ogofilm_ru.png');  
border: 0px !important;  
font-size: 10px; font-family: "verdana", "arial", "helvetica"; color: #88756a;  
max-height:10000px !important;  
margin-top:5px;  
padding: 6px;  
word-wrap: break-word;  
}  

.codeMessage::selection {  
background: #e2ebef;  
color: #6e5036;  
  }  
.codeMessage::-moz-selection {  
background: #e2ebef;  
color: #6e5036;  
  }  

.bbCodeName::selection {  
background: none;  
  }  
.bbCodeName::-moz-selection {  
background: none;  
  }  

.bbQuoteBlock {background-image: -o-linear-gradientt(top, #e2ebef, #b8ddec);  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ebef', endColorstr='#b8ddec');  
background: #b8ddec; /* для не поддерживающих css3 браузеров */  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ebef', endColorstr='#b8ddec'); /* для IE */  
background: -webkit-gradient(linear, left top, left bottom, from(#e2ebef), to(#b8ddec)); /* для webkit браузеров */  
background: -moz-linear-gradient(top, #e2ebef, #b8ddec); /* для firefox 3.6+ */  
background-image: -o-linear-gradient(top, #e2ebef, #b8ddec);/* для Opera11+ */  
border: 1px solid #284855;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
border-radius: 5px;  
margin: 15px 5px 0 5px;  
padding: 5px;  
max-width:700px;}  

.bbQuoteName {background: rgba(54, 94, 110, 0.111);  
-moz-border-radius: 2px;  
-webkit-border-radius: 2px;  
border-radius: 2px;  
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.600), 0px 1px 0px rgba(0, 0, 0, 0.300) inset, 0px 1px 0px rgba(255, 255, 255, 0.300);  
color: #365e6e;  
height: 16px;  
padding: 5px;font-size: 12px !important;}  

.quoteMessage {background: #fff url('http://zornet.ru/zornet_ru8/ogofilm_ru.png');  
border: 0px !important;  
font-size: 10px; font-family: "verdana", "arial", "helvetica"; color: #697e87;  
max-height:10000px !important;  
margin-top:5px;  
padding: 6px;  
word-wrap: break-word;}  

.quoteMessage::selection {  
background: #efe8e1;  
color: #6e5036;  
  }  
.quoteMessage::-moz-selection {  
background: #efe8e1;  
color: #6e5036;  
  }  

.bbQuoteName::selection {  
background: none;  
  }  
.bbQuoteName::-moz-selection {  
background: none;  
  }  

.bbQuoteName b::selection {  
background: none;  
  }  
.bbQuoteName b::-moz-selection {  
background: none;  
  }  

.bbQuoteName span::selection {  
background: none;  
  }  
.bbQuoteName span::-moz-selection {  
background: none;  
  }  

/* ====== END Code/Quote ====== */


Источник: http://webo4ka.ru/
13.10.2012 Просмотров: 1183 Комментарий: (4)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
ucozmental
ucozmental 16.01.2016 23:551
0
Нет, не подойдут, если бы и подошли не стал ставить, пока у иены не какие не выставлены.
Сафрон
Сафрон 17.01.2016 00:132
0
Также не о чем они, лучше намного можно найти.
Maryges
Maryges 17.01.2016 00:243
0
Кому как, мне вот понравились.
Kosten
Kosten 18.01.2016 10:004
0
Проверил код, источник прописал, что хотелось сказать по нему, здесь просто нет прокрутки, если будет большой по размерам скрипт.
avatar