Приветствую Вас Прохожий | RSS Среда, 07.12.2016, 23:17
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 21
Гостей: 18
Пользователей: 3
Elifanus, MaDaRa, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Подсветка кода от google pretty Полная адаптация под uCoz

Подсветка кода от google pretty Полная адаптация под uCoz Подсветка, код, google, pretty, Полная, адаптация, uCoz
Подсветка кода от google pretty Полная адаптация под uCoz
Закруглённые края + тень
Убраны полосы прокрутки и теперь пользователь может видеть весь код / цитату целиком

Установка:

Если у вас стандартная подсветка то В вашем css найдите подобный участок кода:

Code
.codeMessage {background:#FFFFFF;font-size:9px;}  
.quoteMessage {background:#FFFFFF;font-size:9px;}

Замените их на:

Code
.codeMessage {background:url(http://apocalypse.ucoz.kz/images/code.gif) no-repeat #BEBFC0; border:0px !important;max-height:5000px !important;font-size:9pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#000000;opacity:0.7;-moz-border-radius:15 15 15 15;-webkit-border-radius:15 15 15 15;border-radius:15 15 15 15;-moz-box-shadow: 0px 0px 20px #000;-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}  
.quoteMessage {background:url(http://apocalypse.ucoz.kz/images/quote.gif) no-repeat #BEBFC0; border:0px !important;max-height:5000px !important;font-size:9pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#000000;opacity:0.7;-moz-border-radius:15 15 15 15;-webkit-border-radius:15 15 15 15;border-radius:15 15 15 15;-moz-box-shadow: 0px 0px 20px #000;-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}

Всё, вид code и quote мы настроили. Теперь подключим подсветку для code:

1) На странице материала и комментариев к нему нужных вам модулей (Каталог файлов, Статей, Новости сайта и т.д.) в head вставляйте:

Code
<script type="text/javascript" src="http://apocalypse.ucoz.kz/js/prettify.sp.js"></script>  
<link type="text/css" rel="stylesheet" href="http://apocalypse.ucoz.kz/css/prettify.css"></link>  
<body onload="window['PR_ADDBR']=true; window['PR_TAGNAME']=['div']; window['PR_CLASSNAME']=['codeMessage']; prettyPrint();">

2) Форум -- Общий вид страниц форума. В head вставляйте:

Code
<script type="text/javascript" src="http://apocalypse.ucoz.kz/js/prettify.sp.js"></script>  
<link type="text/css" rel="stylesheet" href="http://apocalypse.ucoz.kz/css/prettify.css"></link>  
<body onload="window['PR_ADDBR']=true; window['PR_TAGNAME']=['div']; window['PR_CLASSNAME']=['codeMessage']; prettyPrint();">

Всё, настройка полностью завершена. В прикреплённом архиве вы найдёте все необходимые файлы.

Автор\Источник: apocalypse.ucoz.kz

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2183 | Рейтинг: 4.2/4 | |Категория: Скрипты Вид новостей | Добавил: мир | Дата: 12.02.2011 | Скачали: 0 | Теги: ucoz, подсветка, кода, адаптация, pretty, Google, полная
Похожие новости на нашем сайте
Коментарий к новости

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

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru