* здесь собраны основные, чаще других используемые скрипты (собрано и отредактировано заново). Если что-то ищете, посмотрите здесь, а потом уже обращайтесь в спрос скриптов.
1. Замена основного фона.
<style type="text/css"> HTML, BODY {background-image: url("ссылка на картинку")!important; background-repeat: repeat !important;} </style>
2. Логотип форума.
<style type="text/css"> #pun-title .title-logo {background-image : url(ссылка на картинку); background-repeat : no-repeat; height : 132px; } </style>
132px - высота картинки
3. Строка категорий.
<style type="text/css"> #pun-main h2 { color : green; background-color : transparent; background-image : url(ссылка на картинку); } </style>
color : green; -- цвет текста в категории
4. Иконки сообщений
Иконка "Нет новых сообщений"
<style type="text/css"> Div.icon { background-image : url(ссылка на картинку); background-repeat: no-repeat; } </style>
Иконка "Новое сообщение"
<style type="text/css">TR.inew 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>
5. М/Ж меняем на картинки
<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>
6.Размер цвета и шрифта на форуме
<style> HTML, BODY {font-family:Century Gothic ;font-size: 20} </style>
Century Gothic -- название шрифта
ont-size: 20 -- размер шрифта
7.Данные пользователя делаем по центру
<style type="text/css"> .pa-adnote{ text-align: center;} .pa-from{ text-align: center;} .pa-reg{ text-align: center;} .pa-posts{ text-align: center;} .pa-reputation{ text-align: center;} .pa-sex{ text-align: center;} .pa-icq{ text-align: center;} .pa-ip{ text-align: center;} .pa-online{ text-align: center;} .pa-age{ text-align: center;} .pa-mailagent{ text-align: center;} .pa-reg { text-align: center;} .pa-avatar, .pa-title, .pa-author { text-align: center;} .pa-time-visit{ text-align: center;} .pa-last-visit{ text-align: center;} .pa-fld1{ text-align: center;} .pa-fld2{ text-align: center;} .pa-fld3{ text-align: center;} </style>
8.Убираем слово "Объявление"
<style> #pun #pun-index #pun-announcement h2 span {display: none} </style>
9.Код для картинки около статистики
<style type="text/css"> #pun-stats ul.container { background-image:url(ссылка на картинку); padding-left:80px; height : 192px; background-repeat: no-repeat} </style>
10.Делаем все на форуме по центру.
<style> HTML, BODY , #pun, #pun #pun-index #pun-main .category .container table thead tr .tcl, #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon, #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center} </style>
11. форум делаем курсивом/жирным/подчеркнутым/перечеркнутым.
<style> #pun #pun-index, #pun #pun-viewtopic, #pun .punbb{font-style: italic} </style>
сюда вставляем один из вариантов:
italic - курсив
bold - жирный
underline - подчеркнутый
slash - перчеркнутый
стили можно комбинировать через пробел, точку с запятой (; )
13. Скрипт картинки "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>
14.скрипт лля замены ссылок ЛС, профиль,сайт,мыло,редактировать,удалить,цитата на кнопки
<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>
15. запрет копирования (в хтмл-верх) (не проверялось)
<script language="javascript"> function click() { if (event.button==2) { alert("Нельзя!") }} document.onmousedown=click; </script></td></tr> <tr><td> </td></tr> <tr><td align=center></font></td></tr> </table>
16. Передвинуть рекламный банер вверху.
Изменять выделенные значения можно в пределах от 190 до 510! Имейте в виду, если вы уберете баннер, ваш форум удалят!
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 510px; top: 190px} </style>
17. Изменить "привет ....,ваш последний визит...."
<script> greet="свой текст (привет), " str = document.getElementById("pun-status").innerHTML pos = str.indexOf("Привет") document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1) visit="свой текст-2 (ваш последний визит)" str = document.getElementById("pun-status").innerHTML if( (pos=str.indexOf("Ваш последний визит")) != -1 ) document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1) </script>
19. Сделать все ссылки в сообщениях невидимыми для гостей
<script type="text/javascript"> if (!document.getElementById('navprofile')) { var posti=document.getElementById("pun-main").getElementsByTagName("div") var oj=0 for (oj=0; oj<=(posti.length-1); oj++) {if (posti[oj].className=="post-content") {posti[oj].innerHTML=posti[oj].innerHTML.toLowerCase().replace(/<a href/g, "<font color='red'>Зарегься чтобы увидеть ссылки</font><a style='display: none;' href")}} } </script>
20. Замена стандартной картинки в поле Статистика:
<style type="text/css">#pun-stats ul.container {background-image: url(адрес картинки);} </style>
21. Убираем слово "Объявление"
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} </style>
22. Стоячий задний фон
<style type="text/css"> HTML, BODY {background-image: url("ссылка на картинку"); background-attachment: fixed; background-position: top left; } </style>
background-position - расположение картинки на странице
top - по верхнему краю
bottom - по нижнему
middle - посередине
left - по левому краю
right - по правому краю
center - по центру
24. Информационное табло от автора Duka
<script type="text/javascript"> var mon_array = new Array("", "Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"); Tm = new Date(); Tm.setTime(1000*UserRegistered); m=Tm.getMonth()+1; if (m<10) m=m; hh=Tm.getHours(); mm=Tm.getMinutes()+''; if (mm<10) mm=mm; tm='<strong>'+Tm.getDate()+' '+mon_array[m]+'</strong> в <strong>'+hh+':'+mm+'</strong>'; var UserTotalReg = Math.floor(UserTotalTime/86400) var UserTotalPost = Math.floor(UserPosts/60) var sex_array = new Array("Пол неопределен. Войдите в <a href='/profile.php?section=personal&id="+UserID+"'>Профиль</a> и установите пол", "Ваш пол: <strong>Муж</strong>", "Ваш пол: <strong>Жен</strong>"); var sex = sex_array[UserSex] if (UserAvatar == ""){UserAvatar = "http://s54.radikal.ru/i145/0808/84/e1fbc11ac605.png"} if (UserBirthDate == ""){UserBirthDate = "Дата не выставлена"} if (UserAge == "0"){UserAge = "[Нет сведений]"} var user=", <strong>"+UserName+"</strong>"; if (user == ", <strong></strong>"){user = ""} var arr=document.getElementsByTagName("div") i=0 while(arr[i] ){ if(arr[i].id=="pun-main") { name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML="<div class=category><h2>Информационное табло</h2><div class=container><table border=0><tr><td><a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватару'><img src="+UserAvatar+"></a><br /><strong>"+UserTitle+"</strong></td><td width=40%>Приветствуем на форуме"+user+"!<br />"+sex+"<br />Вы используете стиль: <strong>"+BoardStyle+"</strong><br />Вы в группе <strong>"+GroupTitle+"</strong><br />На форуме Вами было оставлено <strong>"+UserPosts+"</strong> сообщений<br />Ваш возраст: <strong>"+UserAge+"</strong>.<Br />Ваш день рождения: <strong>"+UserBirthDate+"</strong><br /><br />Профиль <a href='/profile.php?id="+UserID+"'>"+UserLogin+"</a> | Ваши <a href='/userlist.php?&show_group="+GroupID+"'>соучастники</a></td><td width=30%><strong>Отношения</strong><br /><br /><a href='/respect.php?id="+UserID+"'>Уважение</a>: <strong>"+UserRespectPlus+"</strong>/<strong>"+UserRespectMinus+"</strong><br /><a href='/positive.php?id="+UserID+"'>Позитив</a>: <strong>"+UserPositivePlus+"</strong>/<strong>"+UserPositiveMinus+"</strong><Br /><Br />Вы зарегистрировались "+tm+" и провели на форуме <strong>"+UserTotalReg+"</strong> дней</td></tr></table></div></div><br />"+name }i++} </script>
29. Индикатор групп
<script type="text/javascript"> var text="<center><font color=ваш цвет для группы1>Администратор</font> | <font color=ваш цвет для руппы2>Координатор</font> | <font color=ваш цвет для группы3>Модератор</font></center>" pa=document.getElementById("pun-stats") pa.style.position = "relative" pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 10px; top: 40px; width: 100%;\">"+text+"</div>"+ pa.innerHTML </script>
30. Скрипт универсального цветовыделения групп
<script type="text/javascript"> var arr=document.links var arr1=new Array ("выделяемый этим цветом текст группы1", "выделяемый этим цветом текст группы1") var arr2=new Array ("выделяемый этим цветом текст группы2", "выделяемый этим цветом текст группы2") var arr3=new Array ("выделяемый этим цветом текст руппы3", "выделяемый этим цветом текст группы3") for (x in arr) {for (y in arr1) {for (j in arr2) { if (arr[x].innerHTML==arr1[y]) {var b=arr[x].innerHTML arr[x].innerHTML="<font color='ваш цвет для группы1'>"+b+"</font>"} else if (arr[x].innerHTML==arr2[j]) {var c=arr[x].innerHTML arr[x].innerHTML="<font color='ваш цвет для группы2'>"+c+"</font>"} else if (arr[x].innerHTML==arr3[j]) {var d=arr[x].innerHTML arr[x].innerHTML="<font color='ваш цвет для группы3'>"+d+"</font>"} }}} </script>
Продолжение скрипта для цветовыделения ников по группам
Данный скрипт ставиться не вместо, а ВМЕСТЕ с предыдущей частью.
<script type="text/javascript"> var arr=document.getElementsByTagName("td") var arr1=new Array ('выделяемый_этим_цветом_текст_группы1', 'выделяемый_этим_цветом_текст_группы1') var arr2=new Array ('выделяемый_этим_цветом_текст_группы2', 'выделяемый_этим_цветом_текст_группы2') var arr3=new Array ('выделяемый_этим_цветом_текст_группы3', 'выделяемый_этим_цветом_текст_группы3') var x=0 var j=0 for (x in arr) {while (x<=(arr.length -1)) {for (j in arr1) {while (j<=(arr1.length-1)) {if (arr[x].innerHTML.indexOf(arr1[j])!= -1) {arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr1[j]))+"<font color='ваш_цвет_для_группы1'>"+arr1[j]+"</font>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr1[j])+arr1[j].length)} j=j+1}} x=x+1}} for (x in arr) {while (x<=(arr.length -1)) {for (i in arr2) {while (i<=(arr2.length -1)) {if (arr[x].innerHTML.indexOf(arr2[i])!= -1) {arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr2[i]))+"<font color='ваш_цвет_для_группы2'>"+arr2[i]+"</font>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr2[i])+arr2[i].length)} i=i+1}} x=x+1}} for (x in arr) {while (x<=(arr.length -1)) {for (i in arr3) {while (i<=(arr3.length -1)) {if (arr[x].innerHTML.indexOf(arr3[i])!= -1) {arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr3[i]))+"<font color='ваш_цвет_для_группы3'>"+arr3[i]+"</font>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr3[i])+arr3[i].length)} i=i+1}} x=x+1}} </script>
35. 10 новых сообщений в статистику.
<script src="/export.php?type=js&max=10" type="text/javascript"></script> <script type="text/javascript"> var html=''; var ts = ''; var mo = ''; var hh = ''; var mm = ''; var i = 0; for(i=0;i<content.length;i++) { ts = new Date(); ts.setTime(1000*content[i][0]); mo = ts.getMonth()+1; if (mo<10) mo='0'+mo; hh = ts.getHours(); mm = ts.getMinutes()+''; if (mm<10) mm='0'+mm; ts = ts.getDate()+'.'+mo+' '+hh+':'+mm; html2="</tr></tbody></table></div>" html1="<h2>Последние 10 сообщений форума</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">" html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>'; } var arr=document.getElementsByTagName("div") i=0 str=document.URL while(arr[i] ){ if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>Общая статистика</h2>"+name+"" } i++ } </script>
36. Форма быстрого перехода между разделами (либо перехода куда угодно)
<FORM> <SELECT size=1 name='navigation'> <OPTION value='ссылка' selected>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> <OPTION value='ссылка'>название ссылки</OPTION> </SELECT> <INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="ВПЕРЁД!" name=button> </FORM>
37. Подпись по умолчанию тем, у кого ее нет
<script type="text/javascript"> if (document.URL.indexOf("viewtopic")!=-1) {var sigs=document.getElementById('pun-main').getElementsByTagName("div") var v=0 for (v=0; v<=(sigs.length-1); v++) {if (sigs[v].className=="post-content") {if (sigs[v].innerHTML.toLowerCase().indexOf("<span>подпись автора</span>")==-1) {sigs[v].innerHTML=sigs[v].innerHTML+"<dl class='post-sig'><dt><span>Подпись автора</span></dt><dd><p>"+"Ваш текст по умолчанию"+"</p></dd></dl>"}}}} </script>
38. Спойлер на движке phpBB
<script> function addSpoiler(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[spoiler]",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; newpos=str.indexOf("[spoiler]",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length) if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false) return str} function makeSpoiler(txt){ txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>" return txt} function hideSpoiler(sp){ spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0] if(spoiler.style.display=='none'){ spoiler.style.display='inline' sp.value='Скрыть'} else{ spoiler.style.display='none' sp.value='Показать'}} if(document.URL.indexOf("viewtopic.php")!=-1){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false)}} if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(14).innerHTML="<img onclick=\"bbcode('[spoiler]', '[/spoiler]')\" src='http://forumupload.ru/uploads/0000/12/13/488-1.gif' alt='' />" </script>
Отредактировано Death-san (2009-05-09 18:26:11)