главная
файлы
Контакты
регистрация
Навигация
Главная
Шаблоны
Скрипты
Статьи
Иконки
Веб дизайн
Программы
Прочее
 

Ucozu Talk

Для добавления необходима авторизация
 

Популярные переходы
Yandex: кнопки действие
Yandex: кнопки действие
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
 

RSS лента

RSS лента

Подпишись на обновления по электронной почте!
 

Опрос
Зайдете ли вы к нам еще ?
[ Результаты · Архив опросов ]
Всего ответов: 281
 

Подсветка синтаксиса кода uCoz от google-code

Добавил: Вадим
Оценка:
  • 1
  • 2
  • 3
  • 4
  • 5


Красивый и читабельный внешний вид отображение кода с помощью подсветки синтаксиса на сайте Ucoz для функции CODE.

Установка:

Шаг 1.
Размещаем данный js код в самый низ страницы перед закрывающим тегом
Code
<script src="http://www.center-dm.ru/ucoz/vid_code/v2/code_cdm.js"></script>  
<script type="text/javascript">  
function selectCode(a){  
var e=a.parentNode.parentNode.getElementsByTagName('code')[0];  
if(window.getSelection){  
var s=window.getSelection();  
if(s.setBaseAndExtent){  
  s.setBaseAndExtent(e,0,e,e.innerText.length-1);  
}else{  
var r=document.createRange();  
  r.selectNodeContents(e);  
  s.removeAllRanges();  
  s.addRange(r);}  
}else if(document.getSelection){  
var s=document.getSelection();  
var r=document.createRange();  
  r.selectNodeContents(e);  
  s.removeAllRanges();  
  s.addRange(r);  
}else if(document.selection){  
var r=document.body.createTextRange();  
  r.moveToElementText(e);  
  r.select();}}  
// Замена Code на Выделить всё...  
  codediv=document.getElementsByTagName('div');  
for(i=0;i<codediv.length;i++){  
if(codediv[i].className=="bbCodeBlock"){  
  s=codediv[i].innerHTML;  
  s=s.replace(/>Code</g,'><a href="#" onclick="selectCode(this);return false;">Выделить всё<\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');  
  codediv[i].innerHTML=s;}}  
  $(function() {prettyPrint();});  
</script>


Шаг 2.
Прописываем css стили подсветки кода в таблицу стилей css
Code
/* Подсветка кода  
  ------------------------------------------*/  
  div .codeMessage .nocode {background-color:none; color: #555 }  
  div .codeMessage .str {color: #cd5c5c } /* string - pink */  
  div .codeMessage .kwd {color: #000080; font-weight: bold }  
  div .codeMessage .com {color: #00853E } /* comment - skyblue */  
  div .codeMessage .typ {color: #00853E } /* type - lightgreen */  
  div .codeMessage .lit {color: #cd5c5c } /* literal - darkred */  
  div .codeMessage .pun {color: #555 } /* punctuation */  
  div .codeMessage .pln {color: #555 } /* plaintext */  
  div .codeMessage .tag {color: #5c71cd; font-weight: bold } /* html/xml tag - lightyellow */  
  div .codeMessage .atn {color: #cd5c5c; font-weight: bold } /* attribute name - khaki */  
  div .codeMessage .atv {color: #555} /* attribute value - pink */  
  div .codeMessage .dec {color: #98fb98 } /* decimal - lightgreen */  

/* Specify class=linenums on a pre to get line numbering */  
  ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */  
  li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }  

/* Alternate shading for lines */  
  li.L1,li.L3,li.L5,li.L7,li.L9 { }  

/* Выделение кода  
  ------------------------------------------*/  
/* webkit, opera, IE9 */  
.codeMessage ::selection {  
  background:#C0C0C0;  
}  
/* mozilla firefox */  
.codeMessage ::-moz-selection {  
  background:#C0C0C0;  
}


(!) В архиве вы найдёте два варианта подсветки синтаксиса кода uCoz, для светлого и тёмного дизайна сайта.

Автор\Источник: www.center-dm.ru
Добавлено: 11.05.2012 в 12:35
Вы находитесь на странице материала Подсветка синтаксиса кода uCoz от google-code из раздела нашего сайта

Скрипты для ucoz

который можно скачать совершенно бесплатно и без регистрации.
Также рекомендуем:
  • Шаблон Esperanza для Ucoz
  • Шаблон u7even Black для uCoz
  • Галерея Egallery. Шаблон для Ucoz.
  • PNGGauntlet - оптимизатор изображений в формате PNG
  • Составление семантического ядра, основные этапы
  • Комментарии сайта
  • Комментарии Вконтакте
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
О нас
Ucozu.Ru - перспективный сайт с удобным дизайном и многими уникальными статьями, файлами. Здесь вы сможете скачивать и просматривать файлы без регистрации.На нашем сайте вы найдёте много шаблонов,скриптов и тд.Все для uCoz.Так же множество статей по раскрутки вашего сайта и системе uCoz.
 

Кто онлайн
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи
Гости сайта
 

 

Рекомендуем
Волоконно-оптические кроссы

Последние комментарии
17:06
winbloger
Понравился шаблон, спасибо!
Ответить
30.01.2015
12:40
Peshka0973
Если отображение страницы исчезло, то скорее всего потерли лишнего. А вставлять надо туда, где должн
Ответить
18.08.2014
13:11
Peshka0973
А конкретнее можно? Как ругается при этом?
Ответить
02.04.2014
11:58
Arrow
не рабоотает
Ответить
02.04.2014
09:55
Peshka0973
Когда вызываешь файловый менеджер, из меню - Управление - Файловый менеджер, то в первое окно которо
Ответить
18.03.2014
09:01
Peshka0973
Крик души ? ;о))
По какому поводу, и кто имеется ввиду ?
Ответить
14.02.2014
14:22
Leonid
Что за люди ._. стыдно за таких. Учите русский и книжки читайте для общего развития.
Ответить
13.02.2014
09:38
Peshka0973
А полный текст ошибки?
Ответить
10.01.2014
18:30
_dahack_
Админы помогите!!! у меня проблема с разделом "Стена" пишет App is blocked и фото не грузя
Ответить
09.01.2014
09:16
Peshka0973
А почему мы не должны верить? Мы все должны тебя поблагодарить за труд ! :о))
Сейчас ты навер
Ответить
09.01.2014
09:39
Peshka0973
Какая панель имеется ввиду? Что касается расположения информеров, то в CSS гляньте.
Советую п
Ответить
29.11.2013
23:04
Аля
все установила,все получилось. Только не высвечивается сверху сама панель управления и конструктор с
Ответить
27.11.2013
11:59
Peshka0973
Да, прикольная :о))
Ответить
30.05.2013
15:22
Aviana
Клевая! respect
Ответить
29.05.2013
09:44
Peshka0973
Снизу под статьей справа есть кнопка - Скачать файл. Жми и получай, регистрироваться не надо.
Ответить
13.05.2013

©Ucozu.Ru 2018