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

Этот код взят с сайта Center-DM, развитие которого к сожалению на сегодняшний день прекращено. Лично я была очень расстроена, так как качество контента там было безупречным, и во многом этот сайт был для меня примером. Чтобы этот код не затерялся посчитала необходимым добавить его себе на сайт. Если Вам интересно то оригинальный код взят с сайта Tuts Plus

Итак, если ваш сайт предусматривает размещение в статьях примеров HTML, Css, Javascript, тогда вы прекрасно знаете, что все эти коды смотрятся презентабельнее и понятнее, когда в них используются стандартная подсветка кода, такая как, например, в Notepad++ или Dreamweaver.

На сайтах uCoz коды в статью вставляются с помощью специального BB кода CODE.

Это достаточно просто нужно в режиме BB-кодов сам код вставить между [code] и [/code]. Получится следующее:

Как я уже писала выше, сам код выглядит нагляднее, с учетом специальной подсветки. Подсветка кода для сайтов uCoz осуществляются следующим образом.

Javascript

Установите следующий скрипт на страницу, где необходимо подсветка перед закрывающимся тегом </body>
Например, Панель управления — Дизайн — Управление дизайном (шаблоны) — Каталог статей — Страница материала и комментариев к нему

CSS

Стили добавляются в самый конец CSS стилей вашего сайта
Панель управления — Дизайн — Управление дизайном (CSS)

Вот собственно и все. Теперь Ваш код будет подсвечен.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

Один комментарий

  1. Я вот долго не мог сообразить как подсвечивать синтаксы. Теперь понял div всему ГОЛОВА!.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *