Адаптация шаблона Megatron Megatron - красивый но очень старый шаблон, который разработала студия веб дизайна Elcreativo. Адаптаций этого шаблона под систему uCoz очень много, но все они не та... Подробнее...
(5 голосов, средний: 5.0 из 5)   Просмотров: 1754   Загрузок:
Автор: Гость
Короткое описание
Уважаемый посетитель, скачивать могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Описание

Представляю Вашему вниманию мою разработку подсветки синтаксиса тега code для uCoz. Скрипт умеет подсвечивать css код, javascript код и условные коды системы uCoz. Так же скрипт способен выводить в отдельном окне выделенный исходный код. Благодаря удобному вызову, скрипт может быть вызван в любой момент. На картинке Вы можете увидеть пример работы подсветки.

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

В самый низ каждой страницы, на которых собираетесь использовать скрипт подсветки, перед тегом /body , или в глобальный блок "Нижняя часть сайта" добавьте данный код:

Код
<script type="text/javascript" src="http://zeus.pp.ua/js/code/backlight_code.js"></script>
<link rel="stylesheet" href="http://zeus.pp.ua/js/code/style_code.css" type="text/css" />


Хочу отметить, что данное решение тестировалось в браузерах:

Firefox 12.0
Google Chrome 18.0
Opera 11.0
Apple Safariне меньше версии 5.1
Internet Explorer 8 и 9

Плюсы данного решения:

Во-первых, адаптация под системный html код uCoz данного js, нам не надо прописывать вручную тег pre, достаточно воспользоваться стандартной функцией uCoz в bb панели, CODE.

Во-вторых, код отображается с отступами каждой строки, другие решения прописывают весь код в одно строку, что жутко неудобно.

В-третьих, мы получаем понятное копирование кода путём его выделения, нам не надо открывать дополнительные окна или подключать флеш плагин для его копирование в буфер.

Минусы данного решения:

Во-первых, большой вес основного js файла, 54кб, мне удалось его сжать до 22 кб в данном примере.

Во-вторых, при написании css кода в одну строку, цвет всего кода окрашивается в один цвет.

В целом это всё, спасибо за внимание!

Источник: http://zeus.pp.ua/

Похожие материалы:

Похожие материалы:
Всего комментариев: 0
Оставить комментарий
Уважаемый посетитель, добовлять коментарии могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
chat