» »

Синий вид цитаты и кода в клетку для uCoz


Синий вид цитаты и кода в клетку для 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://zornet.ru/Ajaxoskrip/Fyrkes/Zret/code.gif) repeat; }  
  .codeMessage { background: #fff url(http://zornet.ru/Ajaxoskrip/Fyrkes/Zret/code.gif) repeat;}
11.01.2016 Просмотров: 558 Комментарий: (9)

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

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

Комментарий: 9
Dimstrik
Dimstrik 11.01.2016 14:231
+1
Вообще этот код вытащил я с сайта вчера только и тут на сайте такого не может быть, а во вторых я добавил клетки в код и линии в цитату для своего сайта и мне это понравилось а выложил в интернет с той целью кто захочет тот и возьмёт а кому не нужно пусть ищет другой.

Обвод не всегда красиво смотрится и не всегда к месту, я вот на сайте установил на белом и мне нравится как есть и это думаю важно ведь мы делаем в первую очередь для себя а потом для пользователей, да пользователи важны но если нам делать то что нам не красиво то сайтом не будет настроение заниматься.
Kosten
Kosten 11.01.2016 17:383
-1
Не знаю, как то считал, что в первую очередь для пользователя нужно делать, а для чего сайт держать,если для себя делать, дайте мне немного логики.)
Dimstrik
Dimstrik 11.01.2016 17:414
+1
Вот именно что ты создаёшь для себя в первую очередь, тебе нравится та или иная тема и ты решаешь создать сайт и развивать её и соответственно хочешь сделать так что бы он был полезен для других.
Kosten
Kosten 11.01.2016 18:045
-1
Dimstrik, как понять не сможешь, если у тебя посещаемость, ты априори уже автоматически все делаешь для них, но в последнею очередь для себя.
avatar
GanS7515 26.01.2016 00:098
0
Простите за тупой вопрос, но как вообще сделать, чтобы код отображался в форме Code? У меня на сайте почему-то код вставляется, как обычный текст, просто немного меняется форматирование(изменяется на моноширное). А я хочу, чтобы код выводился в форме, будь то в вашей или любой другой. Сайт создан в uCoz. Может, что-то дописать нужно, чтобы использовать формы Code?
Kosten
Kosten 26.01.2016 01:379
0
Не что не нужно, просто стили прописать. Если у вам не стоит другой, то с начало тот убрать и этот поставить.
workman
workman 11.01.2016 17:182
+1
А мне понравилось ... И не плохо смотрится. Но конечно же если кто на одной ноге с стилями, то может перенастроить и под свой диз. Ну а у кого храмота, то тут ничего не поделаешь .. Придется обращаться к специалистам,которые поправят ...
kos
kos 12.01.2016 02:096
0
убрать клетки
Kosten
Kosten 12.01.2016 02:347
0
Но здесь решать тому кто ставить будет.
avatar