Главная » Файлы » Скрипты для uCoz » Другие скрипты

Правильный вид code и quote 2.0 by Apocalypse для uCoz
24.06.14, 08:57:02

Скачать файл




Зачастую бывает так, что код или цитата имеют неразрывную , довольно-таки длинную строчку, которая, конечно же, разнесёт дизайн. Данный скрипт не допустит подобного

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

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

Установка:

1) В самый низ вашего css:
Код
.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) В глобальный блок "Нижняя часть сайта" в самый низ:
Код
<script type="text/javascript" src="/js/prettify.sp.js"></script>
  <link type="text/css" rel="stylesheet" href="/css/prettify.css"></link>
  <script>  
  // Правильный вид code и quote 2.0 by Apocalypse
  $(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');  
  });  
  });  
  // apo-ucoz.com - уникальные скрипты для uCoz  
  </script>


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

Материал разработан и подготовлен Apocalypse
Категория: Другие скрипты | Добавил: Apocalypse | Теги: 2.0, Apocalypse, вид, ucoz, by, quote, для, правильный, code
Просмотров: 257 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: