Меню сайта
Мини-чат
300
Наш опрос
Оцените мой сайт
Всего ответов: 2
Статистика
Пятница, 18.07.2025, 03:27
Приветствую Вас Гость

Оформление code (SyntaxHighlighter) - Форум

[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Оформление code (SyntaxHighlighter)
МечтаДата: Четверг, 28.07.2011, 08:12 | Сообщение # 1
Сообщений: 428
Награды: 2
Репутация: 1
Не в сети

Отличный красивый вид Code: С подсветкой синтаксиса, подсчётом строк,копированием в буфер 1 счелчком и конечно же с печатью!
Сначала скопируйте этот код в шапку страниц, на которых собираетесь использовать скрипт (В head)
Code
<script type="text/javascript" src="http://ucozua.ru/Scripts/27/shCore.js"></script>    
    <script type="text/javascript" src="http://ucozua.ru/Scripts/27/shBrushJScript.js"></script>    
    <script type="text/javascript" src="http://ucozua.ru/Scripts/27/codes.js"></script>    

    <style type="text/css">    
    @import url(http://ucozua.ru/Scripts/27/shCore.css);    
    @import url(http://webo4ka.ru/Ucoz3/code_new/shThemeDefault.css);    
    </style>

Далее перед < /body> вставляем:
Code
<script type="text/javascript">    
    jQuery('div.bbCodeBlock').each(function(){    
    code = jQuery(this).find('div.codeMessage').html();    
    code = code.replace(/<br>/ig,'\r\n');    
    code = code.replace(/<!--uzc-->/ig,'');    
    code = code.replace(/<!--\/uzc-->/ig,'');    
    jQuery(this).replaceWith('<pre class="brush: js; first-line: 1;ruler: true; option: false;">'+code+'</pre>');    
    });    
    </script>    
    <script type="text/javascript">    
    //<![CDATA[    
    SyntaxHighlighter.all();    
    //]]>    
    </script>

Обновляем и смотрим как получилось,кому не нравиться цвет или ширина меняем в Css:)



Прикрепления: 1027102.jpg (14.8 Kb)






 
  • Страница 1 из 1
  • 1
Поиск:

Вход на сайт
Поиск
Друзья сайта