Гость
Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи
  • Cнятый с самолета пуск ракеты-носителя Atlas 5 (0)
  • Луна (0)
  • Эволюция Солнца в белый карлик. (0)
  • Восход Земли. Вид с Луны (0)
  • Погружение в Юпитер (0)
  • NASA SDO - корональный дождь на Солнце. (0)
  • Столкновение крупного космического тела с Юпитером (0)
  • Персональное путешествие с Карлом Саганом. [04] (0)
  • Вселенная со Стивеном Хоккингом. Путешевствие во времен... (0)
  • Пролёт над Юпитером 1 (0)
  • Русскоязычное руководство по моду Frackin' Universe... (38)
  • Фоны для сталкерского сайта (32)
  • Capital-Rp Wikia Code (22)
  • Личные сообщения (18)
  • Проблемы в модуле "Пользователи" (17)
  • Рамки сталкер / для аватарок / новостей. (13)
  • Контент блоки Сталкер // Content block stalker (11)
  • Гид прохождения Золотой Обоз 2 (11)
  • Блоки сталкер // Block stalker (9)
  • Вопросы // Ответы (8)
  • Xemordio (1827)
  • Duzeppa26 (5)
  • Ghosteron (2)
  • BlackHARD (0)
  • VarWarrer (0)
  • grigorjevaolga75 (0)
  • Milan_Shubin (0)
  • Илья (0)
  • taxxat (0)
  • (((miha))) (0)
  • TonaTor (06.06.2018)
  • BlackHARD (17.05.2018)
  • VarWarrer (16.05.2018)
  • grigorjevaolga75 (14.05.2018)
  • Milan_Shubin (30.04.2018)
  • Илья (18.04.2018)
  • taxxat (14.04.2018)
  • (((miha))) (11.04.2018)
  • igor (03.04.2018)
  • avdeevay27 (02.04.2018)

    • Страница 1 из 1
    • 1
    Форум » Web uCoz » Скрипты для uCoz » Подсветка синтаксиса Code через Google Pretty для uCoz (by Apocalypse)
    Подсветка синтаксиса Code через Google Pretty для uCoz
    Xemordio [Offline]Дата: Воскресенье, 10.06.2018, 07:38 | Сообщение # 1
    Генерал [?]
    Группа: Администраторы
    Сообщений: 1827
    Награды: 0
    Репутация: 1

    Особенности:

    1) Подсветка кода от google pretty (Полная адаптация под uCoz)
    2) Закруглённые края + тень
    3) Убраны полосы прокрутки и теперь пользователь может видеть весь код / цитату целиком

    Установка:
    В вашем css найдите подобный участок кода:
    Код
    .codeMessage {background:#FFFFFF;font-size:9px;}

    Замените на:
    Код
    .codeMessage {background:url(/img/code.gif) no-repeat #BEBFC0; border:0px !important;max-height:5000px !important;font-size:9pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#000000;opacity:0.7;-moz-border-radius:15 15 15 15;-webkit-border-radius:15 15 15 15;border-radius:15 15 15 15;-moz-box-shadow: 0px 0px 20px #000;-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}

    Всё, внешний вид code настроили. Теперь подключим подсветку синтаксиса:
    На странице материала и комментариев к нему нужных вам модулей (Каталог файлов, Статей, Новости сайта и т.д.) после ‹/head› вставляйте:
    Код
    <script type="text/javascript" src="/js/prettify.sp.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/prettify.css"></link>
    <body onload="window['PR_ADDBR']=true; window['PR_TAGNAME']=['div']; window['PR_CLASSNAME']=['codeMessage']; prettyPrint();">

    Всё, настройка полностью завершена
    Картинки из прикреплённого архива залейте в папку img, файл стиля в папку css, скрипт в папку js
    Удачных свершений, ваш Apocalypse.

    [grayb]Скачать архив: https://yadi.sk/d/5FmTEX6z3XdbT9[/grayb]
    Форум » Web uCoz » Скрипты для uCoz » Подсветка синтаксиса Code через Google Pretty для uCoz (by Apocalypse)
    • Страница 1 из 1
    • 1
    Поиск:

    22:51
    Обновить