Подсветка кода uCoz
Подсветка кода uCoz- для украшения и небольшого разнообразия кода на вашем сайте можно установить такой скрипт,который выделяет и подсвечивает код.Посмотрев на свой код,то не вольно хочется не смотреть на это ведь итак серая и тусклая жизнь угнетает так еще эти невеселые буквы смотрят на тебя и требуют чего то,поэтому лучше поставить такой скрипт
Установка:в нижней части сайта прописываем код
CSS
Установка:в нижней части сайта прописываем код
Код
<script src="http://webmaster-ucoz.ru/ucoz/1/js/uLight.js"></script>
<script type="text/javascript">
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.innerHTML;
s=s.replace(/>Код</g,'><a href="#" onclick="selectCode(this);return false;">Выделить всё<\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');
codediv.innerHTML=s;}}
$(function() {prettyPrint();});
</script>
<script type="text/javascript">
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.innerHTML;
s=s.replace(/>Код</g,'><a href="#" onclick="selectCode(this);return false;">Выделить всё<\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');
codediv.innerHTML=s;}}
$(function() {prettyPrint();});
</script>
CSS
Код
/* Подсветка кода
------------------------------------------*/
div .codeMessage .nocode {background-color:none; color: #555 }
div .codeMessage .str {color: #cd5c5c } /* string - pink */
div .codeMessage .kwd {color: #000080; font-weight: bold }
div .codeMessage .com {color: #00853E } /* comment - skyblue */
div .codeMessage .typ {color: #00853E } /* type - lightgreen */
div .codeMessage .lit {color: #cd5c5c } /* literal - darkred */
div .codeMessage .pun {color: #555 } /* punctuation */
div .codeMessage .pln {color: #555 } /* plaintext */
div .codeMessage .tag {color: #5c71cd; font-weight: bold } /* html/xml tag - lightyellow */
div .codeMessage .atn {color: #cd5c5c; font-weight: bold } /* attribute name - khaki */
div .codeMessage .atv {color: #555} /* attribute value - pink */
div .codeMessage .dec {color: #98fb98 } /* decimal - lightgreen */
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type:none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }
/* Выделение кода
------------------------------------------*/
/* webkit, opera, IE9 */
.codeMessage ::selection {
background:#C0C0C0;
}
/* mozilla firefox */
.codeMessage ::-moz-selection {
background:#C0C0C0;
}
------------------------------------------*/
div .codeMessage .nocode {background-color:none; color: #555 }
div .codeMessage .str {color: #cd5c5c } /* string - pink */
div .codeMessage .kwd {color: #000080; font-weight: bold }
div .codeMessage .com {color: #00853E } /* comment - skyblue */
div .codeMessage .typ {color: #00853E } /* type - lightgreen */
div .codeMessage .lit {color: #cd5c5c } /* literal - darkred */
div .codeMessage .pun {color: #555 } /* punctuation */
div .codeMessage .pln {color: #555 } /* plaintext */
div .codeMessage .tag {color: #5c71cd; font-weight: bold } /* html/xml tag - lightyellow */
div .codeMessage .atn {color: #cd5c5c; font-weight: bold } /* attribute name - khaki */
div .codeMessage .atv {color: #555} /* attribute value - pink */
div .codeMessage .dec {color: #98fb98 } /* decimal - lightgreen */
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type:none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }
/* Выделение кода
------------------------------------------*/
/* webkit, opera, IE9 */
.codeMessage ::selection {
background:#C0C0C0;
}
/* mozilla firefox */
.codeMessage ::-moz-selection {
background:#C0C0C0;
}
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
ИсточникМатериал взят с другого сайта
Комментарии (3)