Описание
Как установить?
Если вы ищите красивое оформление ББ кода "code" то данный скрипт для вас, подходит под любой дизайн, очень удобный и с подсветкой строки
Установка:
Приступим к установке Красивого оформления кода для uCoz.
1. Переходим в стили: ПУ -> Управление дизайном сайта -> Таблица стилей (CSS) и вставляем в самый низ следующий код:
Если вы устанавливали до этого другие оформления, то необходимо его удалить. Если даже после удаления стилей, решение отображается не так, как на скриншоте, то удалите все стили, принадлежащие классам: 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>
Установка:
Приступим к установке Красивого оформления кода для 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;
}
.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
Информация о материале
- Опубликовано Суббота, 14:43
- Категория Скрипты
- Просмотры 341
- Источник
Навигация на сайте
Мини-чат
Последние комментарии
Опрос по сайту
Статистика Сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня нас посетило
1