И так продолжаем вас радовать новыми идеями для ваших сайтов которые вы легко смогли создать при помощи конструктора uCoz. Данные стили помогут вам изменить стандартный вид Кода и Цитат на вашем сайте.
Данный стиль будет выглядеть в светлом варианте с голубым оттенком точно так же как у нас на сайте, это предаст вам и вашему сайту некую новинку и обновит его как для вас так и для ваших пользователей.
CSS Код
Код .bbQuoteBlock .bbQuoteName,
.bbCodeBlock .bbCodeName {
position: relative;
background: #56A0CC;
color: rgba(255, 255, 255, 0.8);
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
font-size: 8pt !important;
padding: 8px 10px !important;
text-transform: uppercase;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
font-weight: normal!important;
}
.bbQuoteBlock a, .bbQuoteName a,
.bbCodeBlock a, .bbCodeName a {color: #0C252A;}
.bbQuoteBlock a:hover, .bbQuoteName a:hover,
.bbCodeBlock a:hover, .bbCodeName a:hover {color: #4C5354;}
.bbQuoteBlock .bbQuoteName:before,
.bbCodeBlock .bbCodeName:before {
content: '';
position: absolute;
bottom: -10px;
left: 18px;
border: 5px solid transparent;
border-top: 5px solid #56a0cc;
}
.bbQuoteBlock .quoteMessage,
.bbCodeBlock .codeMessage {
text-align: -webkit-auto!important;
border: 1px solid #f9f9f9 !important;
padding: 10px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
font-size: 11pt;
color: #666;
}
.bbQuoteBlock {background: #fff url(http://dimanik.ru/images/notebluebg.png) repeat; }
.codeMessage { background: #fff url(http://dimanik.ru/images/code.gif) repeat;}
Просто вставьте CSS Код в самый низ ваших стилей сайта и не забудьте сохранить, затем обновите сайт.
|