» »

Оригинальный и внешний вид функции CODE uCoz


Оригинальный и внешний вид функции CODE uCoz

Этот скрипт изначально стоял на сайте ZORNET, но не как не мог к нему привыкнуть и теперь Оригинальный внешний вид функции CODE uCoz можете установить у себя. Нашел его в интернете и он прописан в стилях и там все описано, кто за что отвечает. Поставил в него еще скрипт выделить все и как дизайн у него будет тетрадный лист стоять, что очень органично смотрится.

А вот как установите и увидите, что вверх и низ у него пуст и там можно переделать и установить совершенно другой оттенок, что просто не стал делать, так как для каждого считаю, смориться хорошо и работает и не нужно больше не чего добавлять, но здесь вам решать

CSS:

Код
/*code kletku*/
.bbCodeName {padding:0!important;  
  margin-top:5px; /* - верхний внешний отступ */  
  margin-bottom:5px; /* - нижний внешний отступ */ }  
.bbCodeBlock {  
  margin: 5px 0 0 0;  
  padding: 3px;  
  font-size:12px !important;  
  -webkit-border-radius: 2px;  
  -moz-border-radius: 2px;  
  border-radius: 2px;  
  background: #f7f7f7 url('http://zornet.ru/SKRIPT/code.gif') !important;  
  border: 1px solid #8FB2CE !important;}  
.codeMessage {  
  padding:0;  
  border: 0 !important;  
  overflow:hidden;  
}


Есть немного другая конфигурация, что также пропишу, возможно стандарт кому и нужен.

Оригинальный и внешний вид функции CODE uCoz



И также все ставим в свои стили.

Код
/*codes*/
.bbCodeName {display:none}
.bbCodeBlock {margin: 0;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:12px !important;background: #FFF url('http://zornet.ru/SKRIPT/code.gif') !important;border: 1px solid #B5C1E8 !important;word-break: break-all}
.codeMessage {width:100%;padding:0;border: 0 !important; overflow:hidden}
.comment_message_in .codeMessage {width:100%}
04.10.2015 Просмотров: 355 Комментарий: (5)

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

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

Комментарий: 5
FeStemBer
FeStemBer 04.10.2015 00:571
0
Что то не понял, зачем дорабатывать поля, если она так нормально смотрятся. Но можно поставить туда что то, так вообще не поймешь, где код копировать, это говорю за первый скрипт. Второй самый нормальный, без всяких отступов и стандартный.
Kosten
Kosten 04.10.2015 01:002
0
Tventum, вы не так поняли, написал, что можно так сделать, а не делайте так. Просто знали, что есть такая не функция а фишка, которой можно воспользоваться, но безусловно так изначаольно лучше не менять не чего а ставить как есть.
AnTron
AnTron 04.10.2015 01:043
+1
Сколько таких кодов можно найти, тут только одно радует, что ссылка не битая, то найдешь а там нужно еще и ссылку искать, так можно и не только тетрадный лист поставить и другое, но он больше подходит по светлому дизайну.
Сопрано
Сопрано 04.10.2015 01:184
0
Два одинаковых по смыслу и работе кода и дизайн один и тот же, но вот только сам каркас другой, у одного углы и пробелы есть, а второй просто стандартный, и если вам нудно закруглить немного углы, то ставим в стили, можно в самый его последним этот стиль border-radius: 7px; как понимаете, цифра это дуга закругление.
Kosten
Kosten 04.10.2015 01:215
0
Этот стиль border-radius: 7px; можно применять во всем CSS, где хотите что то как углы убрать.
avatar