Раскрутка сайтов!
Например: cs-22.ucoz.ru
cs-22.ucoz.ru - Добро пожаловать на главную страницу
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Правильный вид code с парочкой наворотов
Правильный вид code с парочкой наворотов
RUSSAK
Дата: Вторник, 08-11-11, 11:11 | Сообщение # 1
Пользователи
Сообщений:
187
Награды:
1
Offline




Есть у стандартного uCoz вида Code грешок - попробуйте между тегами code /code при добавлении материала на сайт вписать длинную неразрывную строку наподобие 111111111111112222222333333 и т.д. и дизайн вашего сайта на небольших мониторах уедет далекооо вправо. При разработке нового дизайна своего сайта меня очень сильно заволновала эта проблема и я решил непременно найти этому универсальное кроссбраузерное решение. К счастью, я смог добиться желаемого результата и ваши code теперь всегда будут занимать минимум места, оставаясь максимально удобными для копирования и просмотра

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

Кнопочка "Выделить всё" (Спасибо allcity)
Минимум занимаемого места
Простота установки
Просмотр кода во всплывающем окне при двойном клике

Установка:

В тех местах, где хотите таким образом модернизировать code (Как правило, на страницах с полным материалом и комментариями) в самый низ перед /body вставляйте:

Code
<script type="text/javascript">  
// Модернизация code для uCoz by Apocalypse  
// Select Code from phpBB3 to uCoz ~ http://allcity.net.ru/  
function selectCode(a){  
var e=a.parentNode.parentNode.getElementsByTagName('code')[0];  
if(window.getSelection){  
var s=window.getSelection();  
if(s.setBaseAndExtent){  
s.setBaseAndExtent(e,0,e,e.innerText.length-1);  
}else{  
var r=document.createRange();  
r.selectNodeContents(e);  
s.removeAllRanges();  
s.addRange(r);}  
}else if(document.getSelection){  
var s=document.getSelection();  
var r=document.createRange();  
r.selectNodeContents(e);  
s.removeAllRanges();  
s.addRange(r);  
}else if(document.selection){  
var r=document.body.createTextRange();  
r.moveToElementText(e);  
r.select();}}  
// Замена Code на Выделить всё...  
codediv=document.getElementsByTagName('div');  
for(i=0;i<codediv.length;i++){  
if(codediv[i].className=="bbCodeBlock"){  
s=codediv[i].innerHTML;  
s=s.replace(/>Code</g,'><a id="sali" style="color:ff0000;font-size:11px;font-family:arial;opacity:0.5;" href="javascript://" onclick="ctc();selectCode(this);return false;">Код: Выделить всё <\/a><br><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');  
codediv[i].innerHTML=s;}}  
// Вывод _uWnd.aert окна с исходным кодом при двойном клике  
$('.bbCodeBlock').hover(function() {$(this).fadeTo(500, 1);});  
$('.bbCodeBlock').hover(function() {  
$(this).fadeTo(500, 1).attr('title', 'Двойной Клик для просмотра исходного кода во всплывающем окне');  
var a = $(this).text().slice(18);  
$(this).dblclick(function() {  
_uWnd.alert('<textarea style="width:270px;height:180px;resize:none;">'+a+'</textarea>', 'Исходный код', {name:'mwd', w:300, h:225, tm:9999999, icon:'http://s58.ucoz.net/.s/img/icon/ts.png'});  
});  
});  
</script>  

<style>  
.bbCodeBlock {opacity:0.5;}  
.codeMessage {border:0px !important!;overflow: hidden !important;max-height:100px !important;word-wrap: normal !important;max-width:300px !important;min-width:100%;}  
</style>


Материал подготовлен Apocalypse




Форум » Ucoz » Скрипты для ucoz » Правильный вид code с парочкой наворотов
  • Страница 1 из 1
  • 1
Поиск: