Нумерованное поле для программного кода - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 11.12.2016
Скрипты для uCoz » Контейнер для контента » Нумерованное поле для программного кода

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Нумерованное поле для программного кода

Нумерация программного кода




Скрипт предназначен для демонстрации примеров скриптов html разметок и стилей css.Подсветки синтаксиса нет,есть переключение на вид кода без нумерации.Если Вам нужно чтобы код выглядел с подсветкой,понадобится дополнительное оформление к существующему коду.Каждая отдельная строка кода должна находится в зоне тегов <li>,за счёт этого происходит добавление номера строке.Установка:
Скрипт будет работать даже в отдельном материале,если добавить весь код через панель HTML кодов.Кстати в моём материале это поле наследует стили <textarea>,чтобы посмотреть как оно будет работать у Вас поместите скрипт из примера и вставьте в HTML редактор.У кого появились вопросы или предложения,форма комментариев находится в нижней части материала.





Код для установки на страницу

  1. <link rel="stylesheet" href="http://delaisait.ucoz.ru/script/syntax/number_syntax.css" type="text/css" media="all" />
  2. <script language="javascript" type="text/javascript" src="http://delaisait.ucoz.ru/script/syntax/number_syntax.js"></script>
  3. <script language="javascript" type="text/javascript">
  4. var arrCode = new Array();
  5. </script>
  6. <div class="igBar"><span id="lhtml-2"><a href="#" onclick="javascript:showPlainTxt('html-2'); return false;">Убрать нумерацию</a><span></div>
  7. <div class="syntax_hilite">
  8. <div id="html-2">
  9. <div class="html">
  10. <ol>
  11. <li>
  12. Здесь 1 строка программного кода
  13. </li>
  14. <li>
  15. Здесь 2 строка программного кода
  16. </li>
  17. <li>
  18. Здесь 2 строка программного кода и т.д
  19. </li>
  20. </ol>
  21. </div>
  22. </div>
  23. </div>


Проверьте код из примера в редакторе









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 631 | Добавил: IZOTOP | Рейтинг: 5.0/1
    | Теги: programm, для скриптов, for html, КОД, для хтмл, code

    Вы будете первый кто оставит комментарий

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]