Правильный вид code и quote для uCoz

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

1) Подсветка кода через pretty
2) По умолчанию код и цитата занимают минимум места
3) Если вы начали выделять код или кликнули по нему - он полностью раскроется

Установка:

1) В самый низ вашего css:

Code
.codeMessage {border-left:1px solid #bbb !important;border-top:1px solid #bbb !important;border-right:1px solid #eee !important;border-bottom:1px solid #eee !important;overflow: hidden !important;max-height:150px !important;word-wrap: normal !important;max-width:300px !important;min-width:100%;}
  .quoteMessage {border-left:1px solid #bbb !important;border-top:1px solid #bbb !important;border-right:1px solid #eee !important;border-bottom:1px solid #eee !important;overflow: hidden !important;max-height:150px !important;word-wrap: normal !important;max-width:300px !important;min-width:100%;}
  .codeMessage2 {border-left:1px solid #bbb !important;border-top:1px solid #bbb !important;border-right:1px solid #eee !important;border-bottom:1px solid #eee !important;overflow-x: hidden !important;max-height:2000px !important;word-wrap: normal !important;max-width:300px !important;min-width:100%;}


2) В глобальный блок "Нижняя часть сайта" в самый низ:

Code
<script src="/js/prettify.sp.js"></script>  
  <link rel="stylesheet" href="/css/prettify.css"></link>  
  <script>
  $(document).ready(function() {
  window['PR_ADDBR']=true;window['PR_TAGNAME']=['div'];window['PR_CLASSNAME']=['codeMessage'];prettyPrint();
  $('.codeMessage, .quoteMessage').click(function() {
  $(this).attr('class', 'codeMessage2');
  });
  $('.codeMessage, .quoteMessage').mousedown(function() {
  $(this).attr('class', 'codeMessage2');
  });
  });
  </script>


Скрипт из прикреплённого архива залейте в папку js. Стиль залейте в папку css

  • FalleN

  • 1523

  • 1

  • 231
Теги: Code, uCoz, quote

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

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

Для добавления вы должны авторизироваться!