• Страница 1 из 1
  • 1
Модератор форума: asus  
Форум » Скрипты для ucoz » Форум » Вид code,quote,spoiler от Ex-onetm
Вид code,quote,spoiler от Ex-onetm
fevrikasДата: Вторник, 04.10.2011, 15:47 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 296
Награды: 15
Репутация: 3043
Статус:


Вид quote,code,spoiler от Ex-onetm + скрипт выделить всё
Установка: Для начала в общий вид страницу форума после $BODY$ пихаем
Code

<script type="text/javascript"> // 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,'>Code: <a href="#" onclick="selectCode(this);return false;">Выделить всё<\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->'); codediv[i].innerHTML=s;}} </script>


в сss

Code
/* ====== Select Code from ====== */ div.bbCodeName {margin-bottom:3px;} div.codeMessage code {font-size:14px;} .bbCodeBlock {border:2px solid #080808; margin:2px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .codeMessage {color:#f8f8f8; background:#8b332f; font-size:12px; font-family:Courier new; border:1px solid #c54d47 !important; padding:5px; margin-top:1px; text-shadow:1px 1px 0px #4f0e0c !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} /* ====================================================================== */ /* ====== Select quote from ====== */ .bbQuoteBlock {border:2px solid #080808; margin:2px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .quoteMessage {color:#f8f8f8; font-size:11px; font-family:tahoma; background:#4d8633; border:1px solid #71bf4d !important; padding:5px; text-shadow:1px 1px 0px #2d5a18 !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} /* ====================================================================== */ /*Select spoiler style */ .uSpoilerButton {border:2px solid #080808; margin:2px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .uSpoilerText {color:#f8f8f8; background:#3D3DCA; font-size:12px; font-family:Courier new; border:1px solid #c54d47 !important; padding:5px; margin-top:1px; text-shadow:1px 1px 0px #4f0e0c !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} /* ----------------------- */


Установка завершена можно под редактировать цвета под свой дизайн но мене нравится так да чуть не забыл если в мини чате использовать code,quote,spoiler то будет так же отображаться как вы сделали
Прикрепления: 6528862.png(9.5 Kb)
 
Форум » Скрипты для ucoz » Форум » Вид code,quote,spoiler от Ex-onetm
  • Страница 1 из 1
  • 1
Поиск:

 

Полная статистика форума

Ваш текст ну или чего хотите