:flag:Здесь размещаются скрипты для дизайна форумов и сайтов.:flag:
Скрипты для дизайна
Сообщений 1 страница 10 из 15
Поделиться22008-12-03 11:58:15
Для замены кнопок ONLINE-OFFLINE
Код:
<script type="text/javascript"> var we=document.getElementsByTagName("ul") var x=0 for (x=0; x<=(we.length-1); x++) {if (we[x].innerHTML.indexOf("pa-online")!=-1) {we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='ССЫЛКА НА КАРТИНКУ ОН-ЛАЙН' />"} else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)) {we[x].innerHTML=we[x].innerHTML+"<img src='ССЫЛКА НА КАРТИНКУ ОФФ-ЛАЙН' />"} } </script>
Поделиться32008-12-03 11:59:05
Для замены значка 24 часа
Код:
<style type="text/css">#pun-stats ul.container {background-image: url(адрес картинки);} </style>
Поделиться42008-12-03 12:02:48
Замена иконок "Новые сообщения/Нет новых сообщений/Выделенная(важная) тема/Закрытая тема"
Новые сообщения:
Код:
<style type="text/css">TR.inew Div.icon { background-image : url(адрес картинки); background-repeat: no-repeat; } </style>
Нет новых сообщений:
Код:
<style type="text/css"> Div.icon { background-image : url(адрес картинки); background-repeat: no-repeat; } </style>
Важная тема:
Код:
<style type="text/css">TR.isticky Div.icon { background-image : url(адрес картинки); background-repeat: no-repeat; } </style>
Закрытая тема:
Код:
<style type="text/css"> TR.iclosed Div.icon { background-image : url(адрес картинки); background-repeat: no-repeat; } </style>
Перенесённая тема:
Код:
<style type="text/css"> TR.iredirect Div.icon { background-image : url(адрес картинки); background-repeat: no-repeat; } </style>
Поделиться52008-12-03 12:03:57
Для замены ссылок ЛС, Профиль, Мыло. Сайт, Удалить, Редактировать, Цитировать и т.д.
Код:
<script type="text/javascript"> var trr=document.getElementsByTagName("div") var fi=0 for (fi=0; fi<=(trr.length-1);fi++) {if (trr[fi].className=="post-links") {var drr=trr[fi].getElementsByTagName("a") drr[0].innerHTML="<img src='картинка профиль'/>" drr[1].innerHTML="<img src='картинка лс' />" var er=2 for (er=2; er<=(drr.length-1); er++) {if (drr[er].innerHTML.indexOf("E-mail")!=-1) {drr[er].innerHTML="<img src='картинка мыла' />"} else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1) {drr[er].innerHTML="<img src='картинка вебсайт' />"} else if (drr[er].innerHTML.indexOf("Цитировать")!=-1) {drr[er].innerHTML="<img src='картинка цитировать'/>"} else if (drr[er].innerHTML.indexOf("Редактировать")!=-1) {drr[er].innerHTML="<img src='картинка правка' />"} else if (drr[er].innerHTML.indexOf("Удалить")!=-1) {drr[er].innerHTML="<img src='картинка удалить' />"} }}} </script>
Поделиться62008-12-03 12:04:58
Для замены Мужской/Женский пол:
Код:
<script type="text/javascript"> var sex=document.getElementById('pun-main').getElementsByTagName("li") var sx=0 for (sx=0; sx<=(sex.length-1); sx++) {if (sex[sx].className=="pa-sex") {if (sex[sx].innerHTML.indexOf("Мужской")!=-1) {sex[sx].innerHTML="Пол: "+"<img src='мужская картинка' />"} else if (sex[sx].innerHTML.indexOf("Женский")!=-1) {sex[sx].innerHTML="Пол: "+"<img src='женская картинка' />"} }} </script>
Поделиться72008-12-03 12:05:54
Постепенно набирающеееся название форума:
Код:
<script> var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c); if(c==tit.length) { c = 0;setTimeout("writetitle()", 3000) } else { c++; setTimeout("writetitle()", 200) } } writetitle() </script>
Поделиться82008-12-03 12:06:44
Для замены "Новая тема/Новый опрос":
Код:
<script type="text/javascript"> function changeLink() {var arr=document.links for (j in arr) { if (arr[j].innerHTML=="Начать новую тему") {arr[j].innerHTML="<img id='fifik1'"+" src='[b]Ваша картинка[/b]' />"} else if (arr[j].innerHTML=="Начать опрос") {arr[j].innerHTML="<img id='fifik2'"+" src='[b]Ваша каринка[/b]'/>"} else if (arr[j].innerHTML=="Ответить") {arr[j].innerHTML="<img id='fifik3'"+" src='[b]Ваша каринка[/b]' />"} else if (arr[j].innerHTML=="Подписаться и отслеживать тему") {arr[j].innerHTML="<img id='fifik4'"+" src='[b]Ваша каринка[/b]' />"}}} changeLink() </script>
Поделиться92008-12-03 12:08:02
Отражение аватаров:
В ХТМЛ-верх:
Код:
<script type="text/javascript"> document.getElementsByClassName = function(className) { var children = document.getElementsByTagName('*') || document.all; var elements = new Array(); for (var i = 0; i < children.length; i++) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == className) { elements.push(child); break; } } } return elements; } var Reflection = { defaultHeight : 0.5, defaultOpacity: 0.5, add: function(image, options) { Reflection.remove(image); doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity } if (options) { for (var i in doptions) { if (!options[i]) { options[i] = doptions[i]; } } } else { options = doptions; } try { var d = document.createElement('div'); var p = image; var classes = p.className.split(' '); var newClasses = ''; for (j=0;j<classes.length;j++) { if (classes[j] != "reflect") { if (newClasses) { newClasses += ' ' } newClasses += classes[j]; } } var reflectionHeight = Math.floor(p.height*options['height']); var divHeight = Math.floor(p.height*(1+options['height'])); var reflectionWidth = p.width; if (document.all && !window.opera) { /* Fix hyperlinks */ if(p.parentElement.tagName == 'A') { var d = document.createElement('a'); d.href = p.parentElement.href; } /* Copy original image's classes & styles to div */ d.className = newClasses; p.className = 'reflected'; d.style.cssText = p.style.cssText; p.style.cssText = 'vertical-align: bottom'; var reflection = document.createElement('img'); reflection.src = p.src; reflection.style.width = reflectionWidth+'px'; reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px'; reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')'; d.style.width = reflectionWidth+'px'; d.style.height = divHeight+'px'; p.parentNode.replaceChild(d, p); d.appendChild(p); d.appendChild(reflection); } else { var canvas = document.createElement('canvas'); if (canvas.getContext) { /* Copy original image's classes & styles to div */ d.className = newClasses; p.className = 'reflected'; d.style.cssText = p.style.cssText; p.style.cssText = 'vertical-align: bottom'; var context = canvas.getContext("2d"); canvas.style.height = reflectionHeight+'px'; canvas.style.width = reflectionWidth+'px'; canvas.height = reflectionHeight; canvas.width = reflectionWidth; d.style.width = reflectionWidth+'px'; d.style.height = divHeight+'px'; p.parentNode.replaceChild(d, p); d.appendChild(p); d.appendChild(canvas); context.save(); context.translate(0,image.height-1); context.scale(1,-1); context.drawImage(image, 0, 0, reflectionWidth, image.height); context.restore(); context.globalCompositeOperation = "destination-out"; var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight); gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)"); gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")"); context.fillStyle = gradient; if (navigator.appVersion.indexOf('WebKit') != -1) { context.fill(); } else { context.fillRect(0, 0, reflectionWidth, reflectionHeight*2); } } } } catch (e) { } }, remove : function(image) { if (image.className == "reflected") { image.className = image.parentNode.className; image.parentNode.parentNode.replaceChild(image, image.parentNode); } } } function addReflections() { var rimages = document.getElementsByClassName('reflect'); for (i=0;i<rimages.length;i++) { var rheight = null; var ropacity = null; var classes = rimages[i].className.split(' '); for (j=0;j<classes.length;j++) { if (classes[j].indexOf("rheight") == 0) { var rheight = classes[j].substring(7)/100; } else if (classes[j].indexOf("ropacity") == 0) { var ropacity = classes[j].substring(8)/100; } } Reflection.add(rimages[i], { height: rheight, opacity : ropacity}); } } var previousOnload = window.onload; window.onload = function () { if(previousOnload) previousOnload(); addReflections(); } </script>.
В ХТМЛ-низ:
Код:
<script type="text/javascript"> var arr=document.getElementsByTagName("li") i=0 while(arr[i] ){ if(arr[i].className=="pa-avatar item2"){ name=arr[i].innerHTML name=name.substring(4) arr[i].innerHTML="<img class=reflect "+name+" " } i++ } </script>.
Поделиться102008-12-03 12:08:49
Переливающиеся ссылки:
Код:
<script language="JavaScript"> var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false;} if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor;} function doRainbow(){ if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}} function stopRainbow(){ if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0;}} function doRainbowAnchor(){ if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break;} if (obj.tagName == 'A' && obj.href != '') { act = 1;//osw clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}}} function stopRainbowAnchor(){ if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0;}}} function ChangeColor(){ obj.style.color = makeColor();} function makeColor(){ if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV;} else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3;} else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3;} else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3;} else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3;} else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3;} else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3;} else { elmR = 0; elmG = 0; elmB = 0;}} elmR = Math.floor(elmR);//fantasyflash.ru elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB;}</script>