Зачастую бывает так, что код или цитата имеют неразрывную, довольно-таки длинную строчку, которая, конечно же, разнесёт дизайн. Данный скрипт не допустит подобного
Особенности:
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 файл из прикреплённого архива залейте в папку
js, CSS файл залейте в папку
css Автор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
