Главная » 2011 » Ноябрь » 26 » Правильный вид code и quote 2.0 by Apocalypse (Скрипты для ucoz)
26.11.2011, 19:36

Правильный вид code и quote 2.0 by Apocalypse




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

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

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 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>
Материал взят с сайта infoscript.ru
Теги: Скачать Правильный вид code и quote 2.0 by Apocalypse
Скачать "Правильный вид code и quote 2.0 by Apocalypse"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://www.apo-ucoz.com/
Категория: Скрипты uCoz | Просмотров: 1480 | Добавил: sold93 | Рейтинг: 2.5/2 |
Всего комментариев: 2
0  
1 antisept -Infoscript Team-  (27.11.2011 11:03) [Материал]
Аватар пользователя
Где ссылка на файл?

0  
2 sold93 -Infoscript Team-  (27.11.2011 13:30) [Материал]
Аватар пользователя
упс....ошибочко вышла.....исправлено

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