Красивое оформление кода
Рейтинг 0.0
По мнению пользователей
Описание Как установить?
Если вы ищите красивое оформление ББ кода "code" то данный скрипт для вас, подходит под любой дизайн, очень удобный и с подсветкой строки

Установка:
Приступим к установке Красивого оформления кода для uCoz.

1. Переходим в стили: ПУ -> Управление дизайном сайта -> Таблица стилей (CSS) и вставляем в самый низ следующий код:

Код
.bbCodeName {display: none;}
.codeMessage {
position: relative;
margin: 5px 0 10px 0 !important;
padding: 16px 20px 16px 35px;
background: #fff url(http://forum.ucoz.ru/images/codeblock.gif) repeat-y;
border: 0 !important;
font: 11px/18px 'Courier New' !important;
color: #404040;
border-radius: 5px;
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.13);
}
.codenumbers {
position: absolute;
top: 0;
left: 0;
width: 25px;
padding: 16px 0;
text-align: center;
font: 10px/18px 'Courier New' !important;
color: #afafaf !important;
}
  


Если вы устанавливали до этого другие оформления, то необходимо его удалить. Если даже после удаления стилей, решение отображается не так, как на скриншоте, то удалите все стили, принадлежащие классам: bbCodeName, codeMessage, bbCodeBlock.

2. Теперь, где вы будете выводить блоки с кодом, нужно подключить следующий небольшой скрипт (вы можете ещё подключить в верхнем или нижнем глобальном блоке, что-бы скрипт работал на всех страницах сайта):
Код


<script>
$('.codeMessage').each(function () {
codeH = (this.scrollHeight - 32)/18;
$(this).append(' <div class="codenumbers"> </div> ');
for (i = 1; i <= codeH; i++) {
$(this).find('.codenumbers').append(i + '
');
}
});
</script>

Для того чтобы скачивать без рекламы и на максимальной скорости, надо зарегистрироваться или войти »
Проблемы с модом? И так если у вас вдруг не работает мод, или выскакивает какая нибудь ошибка, мы попробуем Вам помочь тут Обратная связь
Пожаловаться
Нашли ошибку? Или хотите пожаловаться?

Популярные шаблоны

Больше шаблонов

Комментариев 0
Alt

RU556 - Штурмовая винтовка-Для Fallout 4

Alt

Информационный блок меняющийся каждый день

Alt

Шаблон Skygamers для Ucoz

Alt

Вид персональной страницы для сайта соц сеть

Информация о материале
F1z140K Гости
...
  • Опубликовано Суббота, 14:43
  • Категория Скрипты
  • Просмотры 212
  • Источник Не указан
Мини-чат
Последние комментарии
Опрос по сайту
Оцените мой сайт
Статистика Сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня нас посетило
Все права на шрифты, представленные на uPCode принадлежат их законным владельцам.
uPCode © 2016 uCoz, Автор дизайна: F1z140K | Верстка:Rollo