Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 30 из 34
Поделиться22010-07-14 21:03:33
скрипты для форума
Замена кнопок Новая тема, Новый опрос, Подписаться и отслеживать тему, Отписаться) на картинки
<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='адрес картинки Начать новую тему' />"} else if (arr[j].innerHTML=="Начать опрос") {arr[j].innerHTML="<img id='fifik2'"+" src='адрес картинки Начать опрос' />"} else if (arr[j].innerHTML=="Отписаться)") {arr[j].innerHTML="<img id='fifik3'"+" src='адрес картинки Отписаться)' />"} else if (arr[j].innerHTML=="Подписаться и отслеживать тему") {arr[j].innerHTML="<img id='fifik4'"+" src='адрес картинки Подписаться и отслеживать тему' />"}}} changeLink() </script>
Поделиться32010-07-14 21:12:09
Контейнер баннеров(усовершенствованый)
Эта версия построена как скрипт и ее(контейнер) можна вставлять в любое поле(имхо обьявление - оптимальнее всего)
Это задает стили и есть обязательным - HTML-верх
Код:
<style type="text/css"> #mylist { position: relative; visibility: hidden} </style>
Это скрипты - HTML-низ
Код:
<script type="text/javascript"> function visibilityON() { document.getElementById("mylist").style.visibility="visible" } function visibilityOFF() { document.getElementById("mylist").style.visibility="hidden" } </script>
А это - туда, где вы хотите, что б появился контейнер
Код:
<input type="button" value="Баннеры" onClick="visibilityON()" /> <div id="mylist" class="container" ><br /> <a href="http://podil100.com"><img src="http://podil100.com/img/ban.gif" style="cursor: pointer"><br /><br /> <a href="http://liceum100.mybb.ru"><img src="http://physmat.podil100.com/banner_88_33.gif" style="cursor: pointer"></a><br /><br /> <a href="http://google.com"><img src="http://physmat.podil100.com/banner_lic.gif" style="cursor: pointer"><br /><br /> <input type="button" value="Скрыть" onClick="visibilityOFF()" /> </div>
Поделиться42010-07-14 21:13:46
Меню с исчезающими разделами(наводишь на ссылку - появляеться, отводишь- исчезает)
4 ссылки, при наведении на которые - разное меню
Состоит из нескольких частей, которые нужно вставлять в разные места:
В HTML-верх:
Код:
<style type="text/css"> #part1,#part2,#part3,#part4 { z-index: 2; position: absolute; visibility: hidden} </style>
В HTML-низ:
Код:
<script type="text/javascript"> function part1ON() {document.getElementById("part1").style.visibility='visible'} function part2ON(){document.getElementById("part2").style.visibility='visible'} function part3ON(){document.getElementById("part3").style.visibility='visible'} function part4ON(){document.getElementById("part4").style.visibility='visible'} function part1OFF() {document.getElementById("part1").style.visibility='hidden'} function part2OFF(){document.getElementById("part2").style.visibility='hidden'} function part3OFF(){document.getElementById("part3").style.visibility='hidden'} function part4OFF(){document.getElementById("part4").style.visibility='hidden'} </script>
В обьявление
Код:
<a href="" onmouseover="part1ON()" onmouseout="part1OFF()">Линка 1</a> <a href="" onmouseover="part2ON()" onmouseout="part2OFF()">Линка 2</a> <a href="" onmouseover="part3ON()" onmouseout="part3OFF()">Линка3</a> <a href="" onmouseover="part4ON()" onmouseout="part4OFF()">Линка 4</a> <div id="part1" class="container"> Контейнер номер 1 </div> <div id=part2 class="container"> Контейнер номер 2 </div> <div id=part3 class="container">
Контейнер номер 3
</div> <div id="part4" class="container"> Контейнер номер 4 </div>
Кроме части для обьявления ничего менять ненадо!!
Содержимое появляющегося меню находиться между тегами <div ...></div> - тоесть то что ты хочешь что б у тебя было в меню- ставить туда. Можно вставлять туда всё, что угодно; картинки, ссылки, кнопки, таблицы и тд, хоть еще одно всплывающее меню! Вот и всё)
Поделиться52010-07-14 21:16:05
Xandir написал(а):
Подскажите пожалуйста скрипт на замену картинок: активных, не активных тем, закрытых тем, важных тем, есть новые сообщения, нет новых сообщений, на свои картинки...
Иконки "Новые сообщения/Нет новых сообщений/Выделенная(важная) тема/Закрытая тема/Перенесённая тема"
Новые сообщения
<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>
Поделиться62010-07-14 21:19:50
Растворение страниц при переходе
Код:
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=0.3)" /> <meta http-equiv="Page-Enter" content="BlendTrans(Duration=0.3)" />
Хтмл-даун
У меня работает токо в IE
Поделиться72010-07-14 21:20:17
Маленькие часы на форум.
Код:
<script type="text/javascript"> dCol='ff0000';//цвет даты fCol='0000ff';//лицевой цвет. sCol='000000';//секунды mCol='000000';//минуты hCol='000000';//часы ClockHeight=30; ClockWidth=30; ClockFromMouseY=0; ClockFromMouseX=100; d=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"); m=new Array("Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабр"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+m[date.getMonth()]+" "+day+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<span style='color: "+fCol+"; text-align: center; font-weight: bold;'>"; props2="<span style='color: "+dCol+"; text-align: center; font-weight: bold;'>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'>'+props2+D[i]+'</span></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'>'+props+Face[i]+'</span></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><span style="color: '+sCol+'; text-align: center; font-weight: bold;">'+S[i]+'</span></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><span style="color: '+mCol+'; text-align: center; font-weight: bold;">'+M[i]+'</span></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><span style="color: '+hCol+'; text-align: center; font-weight: bold;">'+H[i]+'</span></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</span></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</span></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </script>
Поделиться82010-07-14 21:23:01
Меняем цвета ссылок на панели навигации. Цвет, естественно берм свой. Можно сделать разноцветный, задавая разные цвета.
Код:
<style type="text/css"> .container #navuserlist a span {color: #FFFF00;} .container #navindex a span {color: #FFFF00;} .container #navsearch a span {color: #FFFF00;} .container #navprofile a span {color: #FFFF00;} .container #navpm a span {color: #FFFF00;} .container #navadmin a span {color: #FFFF00;} .container #navlogout a span {color: #FFFF00;} .container #navregister a span {color: #FFFF00;} .container #navlogin a span {color: #FFFF00;} </style>
Поделиться92010-07-14 21:24:52
Сколько Посетителей на сайте
Код:
<p><script src="http://fastonlineusers.com/online.php?d=http://АДРЕС ТВОЕГО САЙТА" type="text/javascript"></script> посетителей на моём сайте!</p>
Кнопки вперед и назад
Код:
<script type="text/javascript"> <!-- hide this script tag's contents from old browsers function goHist(a) { history.go(a); // Go back one. } //<!-- done hiding from old browsers --> </script> <form method="post"> <input type="button" value="Назад " onclick="goHist(-1)"> <input type="button" value="Вперед" onclick="goHist(1)"> </form>
Меню для сайта (с переходом)
Код:
<form name="cngtng"> <div align="center"> <select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')"> <!--NOTE-ENTER TITLE OF YOUR BOX BELOW--> <option selected>Меню сайта</option> <!--NOTE- ENTER YOUR LINKS BELOW- Leave one to Link US!--> <option value="http://ссылка URL">Главная</option> <option value="http://ссылка URL">Гостевая</option> <option value="http://ссылка URL">Обмен баннерами</option> <option value="http://ссылка URL">Галлерея</option> </select> </div> </ form>
Поделиться102010-07-14 21:30:10
Все аватары по-умолчанию будут иметь отражение.
Теперь все аватары автоматом будут иметь такой эффект по-умолчанию.
Javascript: Versetti
Идея: Lexx
Разработка скрипта: Duka
Инструкция:
В HTML-верх кидаете:
<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>
В HTML-низ:
<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>
В Результате у всех пользователей под аватаром будет отражение.
Поделиться112010-07-14 21:44:11
Duh_Bo_Duh написал(а):
А вот вопрос:можно ли сделать так чтобы у юзера у которого нету аватара или попросту не хочет ставить была картинка нет аватара.Только чтобы автоматом ставил!!!
Ar4eR написал(а):
Duh_Bo_DuhАватар по умалчанию! Я ставил но чот неработало! ТОж хачу
Новый скрипт, работающий (с) karpoff
<script type="text/javascript"> defaultPict = "https://forumupload.ru/uploads/0000/12/13/61-1.png" var arr=document.getElementsByTagName("ul") i=1 while(arr[++i]){ str=arr[i].innerHTML if(str.indexOf("pa-avatar")==-1) { q=str.toLowerCase() if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){ nstr =str.substring(0,pos) nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>" nstr+=str.substring(pos) arr[i].innerHTML=nstr }}} </script>
Поделиться122010-07-14 21:48:08
Информационное табло на форум. Бета-версия (c) Duka
Сразу показываю демо = http://tests.rusff.org.ru/
Код:
<script type="text/javascript"> var news="Новость" var news1="Нет новости1" var link1="" var news2="Нет новости2" var link2="" var news3="Нет новости3" var link3="" var news4="Нет новости4" var link4="" var tablo="<div id=\"pun-category1\" class=\"category\"><h2><div class=\"catleft\"><!-- --></div><span>Информационное табло</span><div class=\"catright\"><!-- --></div></h2><div class=\"container\"><table cellspacing=\"0\"><thead><tr><th scope=\"col\">Новости</th><th scope=\"col\">Статистика сообщений</th><th scope=\"col\">Статистика пользователей</th><th scope=\"col\">4 Новости дня</th></tr></thead><tbody class=\"hasicon\"><td>"+news+"</td><td class=\"tc2\">Не хотите ли просмотреть<br/><a href='/search.php?action=show_24h'>Активные темы</a><br/>или <br/><a href='/search.php?action=show_new'>Новые сообщения</a><br/>с момента вашего последнего визита?<br/></td><td class=\"tc3\"><a title=\"Самые активные пользователи форума\" href=\"statistic.php?action=active_users\">Самые активные</a><br><Br><a title=\"Самые активные пользователи сегодня\" href=\"statistic.php?action=active_users_today\">Активные сегодня</a><br><br><a title=\"Администрация форума\" href=\"statistic.php?action=administration\">Администрация</a><br><br><a title=\"Посмотреть полную статистику\" href=\"statistic.php\">Полная статистика</a></td><td class=\"tcr\"><a href="+link1+">"+news1+"</a><br><a href="+link2+">"+news2+"</a><br><a href="+link3+">"+news3+"</a><br><a href="+link4+">"+news4+"</a></td></tr></tbody></table></div></div>" 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=="main"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML=""+tablo+"<br>"+name+"" } i++ } </script>
Этот скрипт сделает на вашем форуме Новое усовершенствованое табло, которое будет дополнением к таблице.
Скрипт будет отображаться только на главной странице
Внимательно работайте с ней, никакой защиты от дураков я в нее не поставил, Любая ковычка может сломать скрипт и он работать Не будет!
Желательно ставить в самый верх html-низ.
Как настроить скрипт?
var news="Нет новостей"
Вместо Нет новостей Пишим любой текст, можно и хтмл, но НИКАКИХ КОВЫЧЕК! Заменяйте свои ковычки на ' (апостроф) или же ставьте перед каждой ковычки \ , дабы экранировать их.
Эта часть скрипта будет самой левой частью колонки.
var news1="Нет новости1"
var link1=""
var news2="Нет новости2"
var link2=""
var news3="Нет новости3"
var link3=""
var news4="Нет новости4"
var link4=""
За что отвечают эти строчки?
Эти строки выводят ссылки в самой правой части колонки. Вместо Нет новости1, а также 2,3,4 вводите Заголовки ссылки, а в var link1="" в сами ковычки добавляете ссылку на тему(или страницу)
т.е. долюно получится примерно так:
var news1="Скрипты от пользователей"
var link1="http://forum.mybb.ru/viewtopic.php?id=6902"
Так же и с остальными ссылками.
Т.е. в скрипте я заранее прописал шаблон примерно такого вида <a href=ссылка>Заголовок</a>, чтобы вы ничего не начудили так, а сразу подставили в поля свои данные.
Это единственное, что можно поменять на свое, не опасаясь за скрипт. Если вы владеете уверенными знаниями в HTML,а также знанием html-структуры форума, то можете смело осторожно глянуть на строчку var tablo= и поменять пару фраз. Что находится во втором столбце? Там находятся 2 ссылки на Новые сообщения, и Активные темы. Что в третем столбце? Там находятся ссылки на функции, которые администратор отключил. Некоторое время они окажутся ненужными, но когда Admin включит полную статистику, то тогда и эти ссылки окажутся нам полезными.
Табло адаптируется под каждый форум автоматически, т.е. срабатывает под каждый стиль. Ненадо беспокоиться о внешних качествах, ведь табло примет все стили форума на себя и станет ее частью)
Есть небольшие деффекты, которые мне исправить не под силу: я просто унаследовал всю таблицу у категории с форумом, поэтому если стиль хочет, чтобы в 3 столбце надписи были курсивом, то и в таблице третий слобик будет курсивом.
Пользуемся, но помним: Никаких ковычек(либо экранируйте их)
Добавлено:
Обновил скрипт, не работал, сейчас все отлично!
Поделиться132010-07-14 21:50:07
Блок "Наши друзья".
<div id="pun-main" class="main"> <div id="pun-category1" class="category"> <h2><span>Наши друзья</span></h2> <div class="container"><br> Ваши баннеры тут <br><br></div> </div> </div>
Там, где Ваши баннеры тут ставите свои баннеры, если хотите еще и бегущую строку ставьте. Ковычки разрешены. Ставить в хтмл-низ(ну ели хотите, то куда угодно). В новые возможности это не попадет, так как скриптом не является.
Она попадет в.... сам даже не знаю
Поделиться142010-07-14 21:52:26
Недокументированые возможности: Дополнительные кнопки в BB-панель. Duka
Скрипт добавит в вашу панель кнопки 2х категорий:
1) Работа с таблицей - т.е. кнопку Таблицы, ячейки, строки
2) BB-коды - Добавлено [add*][/add*]
предварительно форматированый текст [pre*][/pre*]
желтый фон [h*][/h*]
горизонтальная линия [hr*]
Вставлять в верх или форму ответа.
Код:
<script type="text/javascript"> var name2="'[/add]')\" /></fieldset></td><td style=\"border: 0;\"><fieldset style=\"padding: 3px;\"><legend>Таблица</legend><input type=\"button\" value=\" Таблица \" title=\"Создать скелет таблицы\" name=\"TABLE\" onclick=\"bbcode('[table]','[/table]')\" /><input type=\"button\" value=\" Строка \" name=\"TR\" title=\"Добавить строку в вашу таблицу\" onclick=\"bbcode('[tr]','[/tr]')\" /><input type=\"button\" value=\"Ячейка\" name=\"TD\" onclick=\"bbcode('[td]','[/td]')\" title=\"Добавит ячейку в строку\" /></fieldset></td></table></div>" var arr=document.getElementsByTagName("div") i=0 str=document.URL while(arr[i] ){ if(arr[i].className=="fs-box hashelp"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML="<div class=\"inform\" id=\"q1Span\" ><table style=\"border: 0;\"><tr><td style=\"border: 0;\"><fieldset style=\"padding: 3px;\"><legend>Текст</legend><input type=\"button\" value=\"Желтый фон\" name=\"H\" title=\"Добавит желтый фон к вашему тексту\" onclick=\"bbcode('[h]','[/h]')\" /><input type=\"button\" value=\" PRE \" name=\"PRE\" title=\"Предварительно отформатированый текст\" onclick=\"bbcode('[pre]','[/pre]')\" /><input type=\"button\" value=\"Линия\" name=\"H\" title=\"Добавит горизонтальную линию к вашему тексту\" onclick=\"bbcode('[hr]',' ')\" /><input type=\"button\" value=\"Добавлено\" name=\"add\" title=\"Если вы хотите добавить комментарий к вашему же сообщению, отредактируйте свое сообщение и внесите свой текст. После этого выделите и нажмите на эту кнопку.\" onclick=\"bbcode('[add]',"+name2+""+name+"" } i++ } </script>
Соединить между собой
Код:
...k=\"bbcode('[add]',' и [/add]')\
убрав перенос строки между ними!
Что такое PRE?
#-----------------------------------------------------------
# For MyBB
#-----------------------------------------------------------
# http://rmcreative.ru/article/programming/typograph/
#-----------------------------------------------------------
# «Типограф» — средство подготовки текстов к web-изданию.
# Форматирует текст для приведения его к более правильному
# с точки зрения типографики виду.
#-----------------------------------------------------------
# Для того чтобы введённый текст проверился Типографом,
# его необходимо будет заключить в теги [pre*] [/pre*] без звездочек
#-----------------------------------------------------------
# Изначально этот тег был вмонтирован в движок
#-----------------------------------------------------------
Поделиться152010-07-14 21:55:09
Вход на форум всплывающим окном. Duka
Прошу заметить, это не то окно, всплывающее гостям. Данный скрипт сделает так, чтобы при кнопке Вход всплывало окошко с формами для Ника и Пароля.
В хтмл-верх вставляем:
<style> .dialog {width: 290px; border: 7px solid #4C77B6; background: #fff; padding: 12px 15px; z-index: 1000; position: fixed; top: 0px; margin: 200px 0 0 -145px; left: 50%;} .dialog h6 {margin: 0px; padding: 0px; font-size: 26px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif; padding: 0 0 12px;} .dialog span {float: left; color: #7f7f7f; margin: 0 0 3px;} .dialog a {float: right; font-size: 11px; margin: 0 0 3px; color: #4C77B6;} .dialog input {font-size:16px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif;} .dialog_form {display: block; width: 99%; margin: 0 0 12px; clear: both;} .dialog_remember {clear: both; padding: 0 0 8px;} .dialog_remember div {display: block; clear: both; color: #7f7f7f; width: 99%; text-align: left; margin: -2px 2px 0 0;} .dialog_remember input {margin-left: 0px;} .auth_bg {height: 100%; width: 100%; position: fixed; z-index: 999; top:0px; left:0px;} </style> <!--[if lte IE 7]> <style> *html .dialog {position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');} *html .auth_bg {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="auth_bg.png", sizingMethod="scale"); position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');} </style> <![endif]--> <div id="auth" style="display:none;"> <div class="auth_bg" id="bg" onclick="login_hide();"></div> </div> <div id="authdialog" class="dialog" style="position:absolute;left:-2000px;"> <h6>Вход</h6> <form id='login' method='post' action='/login.php?action=in' onsubmit='return my_form(this)'> <input type='hidden' name='form_sent' value='1' /> <input type='hidden' name='redirect_url' value='index.php' /> <b>Логин:</b><br> <input type='text' id='fld1' name='req_username' size='25' maxlength='25' onfocus=this.value='' value='NickName'><br><br> <b>Пароль:</b> <a href=/login.php?action=forget>Забыли пароль?</a><br> <input type='password' id='fld2' name='req_password' size='16' maxlength='16' / onfocus=this.value='' value='Password'><br><br> <input type='submit' class='button' name='login' value='Вход на форум!'/> </form> </div>
В хтмл-низ вставляем:
<script type="text/javascript"> var arr=document.getElementsByTagName("li") i=0 str=document.URL while(arr[i] ){ if(arr[i].id=="navlogin"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML="<a href=\"#\" onclick=\"login_show()\">Вход</a>" } i++ } </script> <script> function $(id) { return document.getElementById(id); } function login_show() { $('auth').style.display = "block"; $('authdialog').style.left = '50%'; $('loginfocusneeded').focus(); } function login_hide() { $('authdialog').style.position = 'absolute'; $('authdialog').style.left = '-2000px'; $('auth').style.display = "none"; } document.onkeypress = function(ev){ ev = ev || event; if(ev.keyCode==27) login_hide(); } function ieheight() { var bg = $('body').offsetHeight; $('bg').style.height = bg + 'px'; } window.onload = ieheight; </script>
Результат увидите сами.
Предупреждаю! Я не говорю, что скрипт полностью отлажен. ошибок не замечал, хотя есть пара нюансов. Все недоработки сообщайте, пожалуйста, в эту тему.
Поделиться162010-07-14 21:57:05
Меню навигации на форум.
В этой форме категории отделены от форумов жирным шрифтом!
<FORM>
<SELECT size=1 name='navigation'>
<optgroup label='Название категории'>
<option value='ссылка'>название форума</option>
</optgroup>
<optgroup label='название категории'>
<option value='ссылка'>название форума</option>
</optgroup>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="СТАРТ" name=button>
</FORM>
Старт меняем на любое слово, примером пуск и т.д. ставить куда угодно кроме формы ответа!
Поделиться172010-07-14 21:57:54
Еще одна версия Меню навигации для форума
Упрощенаая тем что не нужно вставлять всю ссылку на Форум, достаточно лишь его цыфры, и кнопку СТАРТ можно не использовать, достаточно кликнуть на название форума!
<form onsubmit="if(document.jumpmenu.f.value == -1){return false;}" action='Ссылка на ваш форум/viewforum.php?id' method='get' name='jumpmenu'>
<input type='hidden' value='id' />
<input type='hidden' value='' />
<select name='id' onchange="if(this.options[this.selectedIndex].value != -1){ document.jumpmenu.submit() }" class='dropdown'>
<optgroup label="Категория">
<option value="Номер форума">Название форума</option>
</optgroup>
<optgroup label="Категория">
<option value="Номер форума">Название форума</option>
</optgroup>
</select> <input type='submit' value='СТАРТ' class='button' /></form>
Поделиться182010-07-14 22:01:22
Вертикальное меню. Timon
Выглядит примерно так:
<script language=JavaScript1.2> offMessage ="<center>Информация форума</center>" function menuOn(which,message){ if (document.all||document.getElementById){ which.className='BorderOn'//osw if (document.getElementById) {document.getElementById("Message").innerHTML = message} else {Message.innerHTML = message} } } function menuOff(which){ if (document.all||document.getElementById){ which.className='BorderOff' if (document.getElementById) {document.getElementById("Message").innerHTML = offMessage} else {Message.innerHTML = offMessage} //fantasyflash.ru } } //--> </script> <table align=center class=BorderOff onmouseover="menuOn(this,'<center>Информация пункта 1</center>')" onmouseout=menuOff(this) cellSpacing=0 cellPadding=3> <TR> <TD><A href="адрес пункта 1"><FONT face=Tahoma size=2><B>Пункт 1</B></FONT></A></TD></TR></table> <table align=center onmouseover="menuOn(this,'<center>Информация пункта 2</center>')" onmouseout=menuOff(this) cellSpacing=0 cellPadding=3> <TR> <TD><A class=mBlue href="адрес пункта 2"><FONT face=Tahoma size=2><B>Пункт 2</B></FONT></A></TD></TR></table> <table align=center class=BorderOff onmouseover="menuOn(this,'<center>Информация пункта 3</center>')" onmouseout=menuOff(this) cellSpacing=0 cellPadding=3> <TR> <TD><A class=mGreen href="адрес пункта 3"><FONT face=Tahoma size=2><B>Пункт 3</B></FONT></A></TD></TR></table> <br> <table align=center cellSpacing=0 cellPadding=1 bgColor=#4F4F4F> <TR><TD vAlign=top align=left width=241 height=35><FONT id=Message face=Tahoma color=000000 size=1><center>Название форума</center></FONT>
Вместо красного, вставляем свои слова...
Вместо зеленого, можешь вставить свои значения...
Поделиться192010-07-14 22:06:59
Подсвечиваем разделы при наведении мышью. Duka
<script type="text/javascript"> var td = document.getElementsByClassName("tcl") for(i=0;i<td.length;i++){ td[i].setAttribute("onmouseover", "this.style.backgroundColor='red'") td[i].setAttribute("onmouseout", "this.style.backgroundColor=''") } </script>
red - нужный цвет
Второй способ. Стилем. От Пети (Матрикса)
<style type="text/css"> td.tcl:hover {background: #ccc !important;} </style>
Поделиться202010-07-14 22:07:52
Подсвечиваем разделы при наведении мышью. Продолжение!
Подсветка всех участков таблицы форума (Форум, тем, сообщений, последнее сообщение)
<style type="text/css"> td.tcl:hover, td.tcr:hover, td.tc2:hover, td.tc3:hover{background: #ff0000 !important;} </style>
При такой комбинации разноцветная подсветка таблицы форума!
<style type="text/css"> td.tcl:hover{background: #цвет форум !important;} td.tc2:hover{background: #цвет тем !important;} td.tc3:hover{background: #цвет сообщений !important;} td.tcr:hover{background: #цвет последнее сообщение !important;} </style>
Эффект с логотипом, при наведении будет другой рисунок - все зависит от вашей фантазии!
<style type="text/css"> #pun-title h1{ background: url(Рисунок логотипа) transparent no-repeat !important; #pun-title h1:hover { background: url(Рисунок логотипа при наведении) transparent no-repeat !important; </style>
Посветка текста иформации о пользователе под аватаром
<style type="text/css"> .pa-from:hover, .pa-reg:hover, .pa-posts:hover, .pa-respect:hover, .pa-positive:hover, .pa-sex:hover, .pa-age:hover, .pa-icq:hover, .pa-fld1:hover, .pa-fld2:hover, .pa-fld3:hover, .pa-ip:hover {background: #ff0000 !important;} </style>
И так можно продолжать очень долго! Фантазируйте!
Поделиться212010-07-14 22:10:00
Удобный скрипт для баннеров смотреть http://upwards.userforum.ru/ в самом низу форума
Самое главное вставлять только в html - низ, ниже всех скриптов!
Не вставляйте в html - вверх
Код:
<p align="center"> <table width=120 height=31 style="border:1px ridge #ffffff"> <tr><td bgcolor=#FFFFFF> <SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 0px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=,endColorStr=#0000ff); FONT: bold 2px verdana; WIDTH: 90px; COLOR: #ffffff; HEIGHT: 100px""> <DIV id=imgObjText><BR> <marquee width=88 height=31 scrollamount=1 direction=down><center> <a href="http://upwards.userforum.ru/" target=_blank> <img src="" border="0"alt="" width=1height=1></a> Сюда вставлять коды баннеров! <div style="width:100%;filter:glow(color=#ffffff,strength=14);font:4px verdana;color:#F5F5F5">
Баннеров можно сколько угодно навтыкать.
И еще, если хотите, чтобы между баннерами был пропуск, как показанно на форуме, то перед каждым новым баннеров ставьте <br>
Пример:
<br><a href="" target="_blank"><img src=""
width=88 height=31 alt="" border=0></a>
<br><a href="" target="_blank"><img src=""
width=88 height=31 alt="" border=0></a> и так далее!
Поделиться232010-07-15 03:28:23
Замена ссылок Профиль - ЛС - Email картинками
<script type="text/javascript"> var trr=document.getElementsByTagName("ul") var fi=0 for (fi=0; fi<=(trr.length-1);fi++) {if (trr[fi].innerHTML.indexOf("pl-email")!=-1) {var drr=trr[fi].getElementsByTagName("a") drr[0].innerHTML="<img src='картинка Профиль' />" drr[1].innerHTML="<img src='картинка ЛС' />" drr[2].innerHTML="<img src='картинка Email' />" }} </script>
Поделиться242010-07-15 03:28:50
Скрипт замены надписей активны/неактивны под аватаром на картинки
<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>
Поделиться252010-07-15 03:31:05
Скрипт универсального цветовыделения групп
Код:
<script type="text/javascript"> var arr=document.links [color=red]var arr1=new Array ("Admin", "Татьяна")[/color] [color=blue]var arr2=new Array ("Ruslan", "WebMaster")[/color] 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="<span style=\"color: red\">"+b+"</span>"} else if (arr[x].innerHTML==arr2[j]) {var c=arr[x].innerHTML arr[x].innerHTML="<span style=\"color:#0000FF\">"+c+"</span>"}}}} </script>
В красную строчку в скобочки, через запятую, в кавычках, пишем имена админов
В синию - модеров.
Меняет цвета админов на красный, модеров на синий - на всем форуме.
Продолжение скрипта для цветовыделения ников по группам
Данный скрипт ставиться не вместо, а помимо предыдущей части. Предыдущая меняла только те ники, которые ввиде ссылок. Эта часть изменит тестовые ники на всём форуме.
Код:
<script type="text/javascript"> var arr=document.getElementsByTagName("td") var arr1=new Array ("Admin", "Татьяна") var arr2=new Array ("Ruslan", "WebMaster") 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]))+"<span style=\"color: red\">"+arr1[j]+"</span>"+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]))+"<span style=\"color: red\">"+arr2[i]+"</span>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr2[i])+arr2[i].length)} i=i+1}} x=x+1}} </script>
Вставлять в html-низ!!!
Поделиться262010-07-15 03:32:27
Изменение ссылок на кнопки
на примере Новый Опрос и Новая тема
Код:
<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='адрес картинки' />"} else if (arr[j].innerHTML=="Начать опрос") {arr[j].innerHTML="<img id='fifik2'"+" src='адрес картинки' />"}}} changeLink() </script>
Поделиться272010-07-15 03:33:45
Замена всех ссылок под сообщением на кнопки (ЛС, профиль, мыло, цитировать, редактировать, удалить)
<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>
Поделиться282010-07-15 03:36:12
Вот скрипт, на мой взгляд, компактнее..., выводящий случайное изображение при обновлении страницы:
<script type="text/javascript"> <!-- var a=Math.round(Math.random()*2) image = new Array(); image[0]="http://lion.mybb.ru/uploads/lion/2_post-9545-1133718277.gif" image[1]="http://lion.mybb.ru/uploads/lion/2_53.gif" image[2]="http://lion.mybb.ru/uploads/lion/2_2.jpg" document.write ("<img src="+image[a]+" />"); //--> </script>
Адреса рисунков, меняете на свои...
Поделиться292010-07-15 18:24:29
Новые иконки в форме ответа:
<style> #form-buttons table, .punbb .formal textarea {width:99%} #form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat} #form-buttons td img {height:26px; width:100%} #button-font {background-image:url('картинка шрифт')} #button-size {background-image:url('картинка размер')} #button-bold {background-image:url('картинка жирность')} #button-italic {background-image:url('картинка курсив')} #button-underline {background-image:url('картинка подчеркивание')} #button-strike {background-image:url('картинка зачеркивание')} #button-left {background-image:url('картинка влево)} #button-center {background-image:url('картинка центр')} #button-right {background-image:url('картинка вправо')} #button-link {background-image:url('картинка ссылок')} #button-email {background-image:url('картинка мыла')} #button-image {background-image:url('картинка картинок')} #button-youtube {background-image:url('картинка картинок')} #button-hide {background-image:url('картинка скрытого текста')} #button-quote {background-image:url('картинка цитаты')} #button-code {background-image:url('картинка кода')} #button-color {background-image:url('картинка цветов')} #button-smile {background-image:url('картинка смайлов')} #button-keyboard {background-image:url('картинка клавиатуры')} #button-imageup {background-image:url('картинка загрузки изображений')} </style>
Поделиться302010-07-15 18:29:04
Индикатор групп
<script type="text/javascript"> var text="<center><font color=Red> Администратор </font> | <font color=Blue> Координатор </font> | <font color=Green> Модератор </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>
Хтмл низ вставляем, то что выделено заменям на свои данные, если надо. Примерно выглядит так НАЖАТЬ внизу форума.