» »

Вид code и quote в разном оттенке цвета


Вид code и quote в разном оттенке цвета

Редко найти такой код чтоб шел по разной гамме цвета как Вид code и quote в разном оттенке цвета что сразу можно заметить где поставлен код а где прописана цитата. На светлом фоне смотрится как оригинальный и думаю также он и будет и на темном. Также если вы понимаете в самом стили, вы можете подредактировать по цветовой гамме под свой ресурс.

Устанавливаем в CSS:

Код
.bbCodeBlock {margin:10px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}  
  .codeMessage {color:#000; background:#abcdef; font-size:12px; font-family:Courier new; padding:5px; margin-top:1px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}  

  .bbQuoteBlock {margin:5px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}  
  .bbQuoteName {display:none;}  
  .quoteMessage {color:#000; font-size:11px; font-family:tahoma; background:#98ff98; border:1px solid #77dd77 !important; padding:5px; border-radius:3px;-moz-border-radius:3px;-webkit  
  -border-radius:3px;}
20.09.2014 Просмотров: 1063 Комментарий: (2)

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

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

Комментарий: 2
Kosten
Kosten 21.09.2014 17:381
0
Slavik, и стиль у него понятный, что можно самому цвета выставить какие нужно под свой дизайн сайта.
Kosten
Kosten 18.01.2016 08:472
0
Также красиво сделано и под каждый идет свой оттенок цвета, это темно синий код и светло зеленая цитата.

avatar