ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Синий вид цитаты и кода в клетку для 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 Января 2016 Просмотров: 1917 Комментариев: (9)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 9
Порядок вывода комментариев: Dimstrik 11 Января 2016 14:23¹ +1 Вообще этот код вытащил я с сайта вчера только и тут на сайте такого не может быть, а во вторых я добавил клетки в код и линии в цитату для своего сайта и мне это понравилось а выложил в интернет с той целью кто захочет тот и возьмёт а кому не нужно пусть ищет другой. Обвод не всегда красиво смотрится и не всегда к месту, я вот на сайте установил на белом и мне нравится как есть и это думаю важно ведь мы делаем в первую очередь для себя а потом для пользователей, да пользователи важны но если нам делать то что нам не красиво то сайтом не будет настроение заниматься. Kosten 11 Января 2016 17:38³ -1 Не знаю, как то считал, что в первую очередь для пользователя нужно делать, а для чего сайт держать,если для себя делать, дайте мне немного логики.) Dimstrik 11 Января 2016 17:41⁴ +1 Вот именно что ты создаёшь для себя в первую очередь, тебе нравится та или иная тема и ты решаешь создать сайт и развивать её и соответственно хочешь сделать так что бы он был полезен для других. Kosten 11 Января 2016 18:04⁵ -1 Dimstrik, как понять не сможешь, если у тебя посещаемость, ты априори уже автоматически все делаешь для них, но в последнею очередь для себя. GanS7515 26 Января 2016 00:09⁸ 0 Простите за тупой вопрос, но как вообще сделать, чтобы код отображался в форме Code? У меня на сайте почему-то код вставляется, как обычный текст, просто немного меняется форматирование(изменяется на моноширное). А я хочу, чтобы код выводился в форме, будь то в вашей или любой другой. Сайт создан в uCoz. Может, что-то дописать нужно, чтобы использовать формы Code? Kosten 26 Января 2016 01:37⁹ 0 Не что не нужно, просто стили прописать. Если у вам не стоит другой, то с начало тот убрать и этот поставить. workman 11 Января 2016 17:18² +1 А мне понравилось ... И не плохо смотрится. Но конечно же если кто на одной ноге с стилями, то может перенастроить и под свой диз. Ну а у кого храмота, то тут ничего не поделаешь .. Придется обращаться к специалистам,которые поправят ... kos 12 Января 2016 02:09⁶ 0 убрать клетки Kosten 12 Января 2016 02:34⁷ 0 Но здесь решать тому кто ставить будет.