ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Оригинальный и внешний вид функции 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 Октября 2015 Просмотров: 1155 Комментариев: (5)

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

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

Kosten

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

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

Комментарии: 5
Порядок вывода комментариев: FeStemBer 04 Октября 2015 00:57¹ 0 Что то не понял, зачем дорабатывать поля, если она так нормально смотрятся. Но можно поставить туда что то, так вообще не поймешь, где код копировать, это говорю за первый скрипт. Второй самый нормальный, без всяких отступов и стандартный. Kosten 04 Октября 2015 01:00² 0 Tventum, вы не так поняли, написал, что можно так сделать, а не делайте так. Просто знали, что есть такая не функция а фишка, которой можно воспользоваться, но безусловно так изначаольно лучше не менять не чего а ставить как есть. AnTron 04 Октября 2015 01:04³ +1 Сколько таких кодов можно найти, тут только одно радует, что ссылка не битая, то найдешь а там нужно еще и ссылку искать, так можно и не только тетрадный лист поставить и другое, но он больше подходит по светлому дизайну. Сопрано 04 Октября 2015 01:18⁴ 0 Два одинаковых по смыслу и работе кода и дизайн один и тот же, но вот только сам каркас другой, у одного углы и пробелы есть, а второй просто стандартный, и если вам нудно закруглить немного углы, то ставим в стили, можно в самый его последним этот стиль border-radius: 7px; как понимаете, цифра это дуга закругление. Kosten 04 Октября 2015 01:21⁵ 0 Этот стиль border-radius: 7px; можно применять во всем CSS, где хотите что то как углы убрать.