Зачастую бывает так, что код или цитата имеют неразрывную , довольно-таки длинную строчку, которая, конечно же, разнесёт дизайн. Данный скрипт не допустит подобного
Особенности:
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>
Скрипт из прикреплённого архива залейте в папку js. Стиль залейте в папку css
Скачать (14) · Скачать с зеркала ]
