[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для uCoz » Скрипты для uCoz » Новый вид code и quote с подсветкой синтаксиса
Новый вид code и quote с подсветкой синтаксиса
adminДата: Понедельник, 2011-05-02, 19:12 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 153
Награды: 11
Репутация: 31
Статус: Offline

[Скрипт тестирован на работу способность, тестировал DenDiCore, Понедельник, 02.05.2011, 19:12]

Особенности:

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

Установка:

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

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

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

Code
.codeMessage {background:url(/codes/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(/codes/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="/codes/prettify.sp.js"></script>           
            <link type="text/css" rel="stylesheet" href="/codes/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="/codes/prettify.sp.js"></script>           
            <link type="text/css" rel="stylesheet" href="/codes/prettify.css"></link>           
            <body onload="window['PR_ADDBR']=true; window['PR_TAGNAME']=['div']; window['PR_CLASSNAME']=['codeMessage']; prettyPrint();">

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

[hidi2]codes.rar[/hidi2]

Автор: Apocalypse
Источник: http://pdcrew.clan.su/

Прикрепления: 4212981.jpg(10.9 Kb)


Подпись
 
Форум » Все для uCoz » Скрипты для uCoz » Новый вид code и quote с подсветкой синтаксиса
  • Страница 1 из 1
  • 1
Поиск: