Подсветка синтаксиса Code через Google Pretty by Apocalypse для сайтов на uCoz
Особенности:
1) Подсветка кода от google pretty (Полная адаптация под uCoz)
2) Закруглённые края + тень
3) Убраны полосы прокрутки и теперь пользователь может видеть весь код / цитату целиком
Установка:
В вашем css найдите подобный участок кода:
|
1 |
.codeMessage {background:#FFFFFF;font-size:9px;} |
Замените на:
|
1 |
.codeMessage {background:url(/img/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;} |
Всё, внешний вид code настроили. Теперь подключим подсветку синтаксиса:
На странице материала и комментариев к нему нужных вам модулей (Каталог файлов, Статей, Новости сайта и т.д.) после /head вставляйте:
|
1 2 3 |
<script type="text/javascript" src="/js/prettify.sp.js"></script> <link type="text/css" rel="stylesheet" href="/css/prettify.css"></link> <body onload="window['PR_ADDBR']=true; window['PR_TAGNAME']=['div']; window['PR_CLASSNAME']=['codeMessage']; prettyPrint();"> |
Всё, настройка полностью завершена
Картинки из прикреплённого архива залейте в папку img, файл стиля в папку css, скрипт в папку js
Удачных свершений, ваш Apocalypse
