Главная » 2016 » Январь » 5 » Оформление кода с нумерацией строк (Скрипты для ucoz)
05.01.2016, 14:20

Оформление кода с нумерацией строк





Данный скрипт модернизирует стандартное оформление кода на сайтах uCoz и добавляет к нему порядковый номер строк.

В нужных модулях, на страницах материала и комментариев к нему, перед </body> ставим этот скрипт:

Код
<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>

Затем, в ПУ-->Управление дизайном-->CSS. Добавляем такие строчки:
Код

.bbCodeName {display: none;}  
.codeMessage {  
position: relative;  
margin: 5px 0 10px 0 !important;  
padding: 16px 20px 16px 35px;  
background: #fff url(http://infoscript.ru/scripttwo/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;  
}
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Kosten
Категория: Скрипты uCoz | Просмотров: 990 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: нумерацией, оформление, строк, кода
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]