Новый вид code и quote с подсветкой синтаксиса для uCoz


Новый вид code и quote с подсветкой синтаксиса для uCoz

2922
8.4 из 10
Проголосовало: 5




  • Скачать с сервера
  • Скачать
  • Смотреть демо

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

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

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

Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 1

Oleg
+1
Oleg написал: Написано 04 Апреля 2011 в 19:10
Комментарий №1
Вообще-то, в имени папки не должно быть пробела и знака "&"
Но если задать другое имя, например, codesquote, то всё пойдёт! У меня пошло! cool

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2105
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    215
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: