Подсветка синтаксиса для uCoz
827материалов
228тем на форуме
3004комментария
6161пользователь

Подсветка синтаксиса для uCoz


uCoz - скрипт детальной подсветки кода. Цветовая схема подсветки аналогична схеме из программы Dreamweaver 8. Скрипт умеет подсвечивать css код, javascript код и условные коды системы uCoz. Так же скрипт способен выводить в отдельном окне выделенный исходный код и переключать режим отображения кода: с переносом длинных строк и без. Благодаря удобному вызову, скрипт может быть вызван в любой момент.

Установка на свой сайт

Сначала скопируйте этот код в шапку страниц, на которых собираетесь использовать скрипт (так же можете подключить отдельным файлом)
Код
<style type='text/css' media='screen'>   
.bbCodeName{display:none!important;}   
.codeMessage {white-space:nowrap;overflow:auto;max-height:none!important;margin:5px 0;padding:10px;background-color:#F3F3F3;color:#333;border:1px dashed #999!important;text-align:left;overflow-x:scroll\9}   
.rowOne {background:#fff;}   
.rowTwo {background:#f6f6f6;}   
.codeMessage table{margin:0;border-collapse:collapse;width:100%;}   
.codeMessage td {padding:0 5px 1px;font:12px 'Courier New',monospace;}
.decimal {width:1%;background:#3399ff;color:#fff;vertical-align:top;text-align:right;}   
css{color:#F0F;}   
js,htm{color:#000;}   
figures {color:#f00;}   
js exp {color:#060;}   
js exppm {color:#960;}   
symbols {color:#0047BD;}   
tags {color:#0047BD;}   
brackets {color:#0047BD;}   
reserved {color:#0047BD;}   
values {color:#0047BD;}   
methods {color:#099;}   
diffkeys {color:#909;}   
important {color:#f00;}   
ucoz {color:#8a0;}   
params {color:#019;}   
doctypes {color:#099;}   
tables {color:#099;}   
forms {color:#F90;}   
anchors {color:#060;}   
imgs {color:#909;}   
styles {color:#909;}   
styles commas, styles commas *{color:#060!important;}   
csscommas, csscommas * {color:#060!important;}   
scripts {color:#900;}   
tags commas,js commas {color:#0047BD}   
commas exp,commas exppm {color:#0047BD!important;}   
csssymbols {color:#F0F;}   
linecom,linecom *{color:#999!important;}   
htmlcom,htmlcom *{color:#999!important;}   
mlinecom,mlinecom *{color:#999!important;}   
.ulight{color:#AAA;padding:5px 0 0;font-family:Arial !important;}   
.ulight a{font-weight:bold;outline:0;}   
.ulight a:link, .ulight a:visited, .ulight a:active{text-decoration:none;color:#888;}   
.ulight a:hover{text-decoration:underline;color:#888;}   
</style>

Затем в самый низ каждой страницы, после тега , добавьте данный код (ну или вы можете аналогично подключить скрипт со своего сайта, заведомо его скачав):
Код
<script type="text/javascript" src="http://studioad.ru/diff/uLight.js?v10"></script>

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 03.07.2013 в 16:06
Материал просмотрен: 660 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта