Простой вид тега [CODE] для uCoz

Раздел uCoz

Photoshop

Мини-чат

Мы ВКонтакте

Простой вид тега [CODE] для uCoz

Если ваш сайт напрямую связан с программированием или веб разработкой, то этот скрипт подойдет для вас в любом случае, он изменяет стиль [ CODE] на более красивый и простой. Пример можете посмотреть непосредственно на нашем сайте.

Установка:
Скопировать в CSS вашего сайта следующий код

Код

/* Ячейка с кодом
------------------------------------------*/
.bbCodeName {
  padding:0!important; /* - запрещаем внутренние отступы */
  margin-bottom:5px; /* - нижний внешний отступ */
}

.codeMessage {
  margin: 0px 0px 15px 0px; /* - нижний внешний отступ */
  padding:5px 10px; /* - внутренние отступы */
  border:1px solid #CEE7EC!important; /* - рамка вокруг ячейки кода */
  background:#fff url(http://www.center-dm.ru/sites/fon_code.gif); /* - фон ячейки кода*/
  font:11px Verdana,Arial,sans-serif; /* - шрифт и его размер */
  text-align:left; /* - прижимаем текст к правой стороне */
  color:#555; /* - цвет текста */
}

Также советую посмотреть подсветку синтаксиса для тега [CODE]

Всего комментариев: 0