[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Рекламный блок Форума
Реклама
  • Страница 1 из 1
  • 1
Архив - только для чтения
Всё для веб мастера. Скрипты для сайта uCoz » Скрипты для ucoz » Каталог файлов » Новый вид code и quote с подсветкой синтаксиса by Apocalypse
Новый вид code и quote с подсветкой синтаксиса by Apocalypse
PDA Дата: Понедельник, 18.04.2011, 18:28 | Сообщение # 1
Новичёк в ucoz
Сообщений: 52
Награды: 0
Репутация: 284

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

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

Прикрепления: 1702_code.rar(19.2 Kb)


ляля
RESPEKT Дата: Вторник, 19.04.2011, 14:24 | Сообщение # 2
Администратор ves-ucoz
Сообщений: 200
Награды: 2
Репутация: 24
красиво спс

PDA Дата: Вторник, 19.04.2011, 14:48 | Сообщение # 3
Новичёк в ucoz
Сообщений: 52
Награды: 0
Репутация: 284
RESPEKT, smile

ляля
RESPEKT Дата: Вторник, 19.04.2011, 23:52 | Сообщение # 4
Администратор ves-ucoz
Сообщений: 200
Награды: 2
Репутация: 24
Quote (PDA)
RESPEKT, smile



Всё для веб мастера. Скрипты для сайта uCoz » Скрипты для ucoz » Каталог файлов » Новый вид code и quote с подсветкой синтаксиса by Apocalypse
  • Страница 1 из 1
  • 1
Поиск:

 
Ваш логин: Ваш пароль: