Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Новый вид code и quote с подсветкой синтаксиса
Особенности:
1) Подсветка кода от google pretty (Полная адаптация под uCoz)
2) Закруглённые края + тень
3) Убраны полосы прокрутки и теперь пользователь может видеть весь код / цитату целиком
Установка:
В вашем css найдите подобный участок кода:
Code
.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {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;}
.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();">
<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();">
<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();">
Всё, настройка полностью завершена. В прикреплённом архиве вы найдёте все необходимые файлы
Удачных свершений
Вы сейчас просматриваете Новый вид code и quote с подсветкой синтаксиса. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Новый вид code и quote с подсветкой синтаксиса нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Новый вид code и quote с подсветкой синтаксиса и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
