Сервис форумов ucof.ru

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Сервис форумов ucof.ru » Новые возможности форумов » Коллекция скриптов:


Коллекция скриптов:

Сообщений 1 страница 30 из 32

1

Коллекция скриптов:

В данной теме выкладываются только рабочие скрипты для ваших форумов! В данной теме не оказывается техническая поддержка по скриптам, флуд и оффтоп наказуем баном. Если у вас возникли вопросы по определенному скрипту то создайте отдельную тему или спросите в уже существующих.

Совет: выделяйте начало и конец скрипта html комментариями чтобы в дальнейшем вам было проще разобраться что где находится,  все, что находится внутри <!-- -->, будь то элемент или текст – будет проигнорировано браузером (не будет обрабатываться и выводиться на экран). Примерно это будет выглядеть так:

Код:
<!-- начало скрипта ... -->
здесь наш скрипт
<!-- конец скрипта ... -->

0

2

Скрипт прокрутки страницы вверх:
Данный скрипт выводит в правом верхнем  углу иконку, при клике на иконку страница автоматически прокручивается вверх. Для корректной работы скрипта ставим код в html верх ( Администрирование/Настройки/HTML верх ):

Код:
<!-- автоматическая прокрутка страницы ucof.ru -->
<script src="http://i.ucof.ru/f/ru/ucof/scroll.js"></script>
<style type="text/css">
    .scroll-ucof-ru{
             background: url("https://forumupload.ru/uploads/000f/40/fc/75-1.png") center center no-repeat;
             width: 32px;
             height: 32px;
             color: #fff;
             font-family: verdana;
             border-radius: 5px;
             -moz-border-radius: 5px;
             -webkit-border-radius: 5px;
             -o-border-radius: 5px;
             cursor: pointer;
             padding: 15px;
             margin: 20px;
    }
</style>
<!-- конец автоматической прокрутки ucof.ru -->

p.s Иконка появляется только если страница немного прокручена вниз. Дизайн иконки настраивается классом .scroll-ucof-ru , при желании вы можете заменить иконку.

0

3

Скрипт цветовыделения ников :
Данный скрипт поможет вам выделить ники администраторов, модераторов, помощников и.т.п Просто вставьте данный код в html низ (администрирование/настройки/html низ) и замените ники на свои:

<script type="text/javascript">
    inColor("red", new Array("Санек", "Admin"))
    inColor("blue", new Array("ArHaNgEl", "Бродяга"))
    inColor("green", new Array("VarUs"))
    inColor("gray", new Array("rps"))
    inColor("yellow", new Array("Юля", "Макс", "Dron"))

    function inColor(color, myarray){
    var a=document.links
    for(i=0;i<a.length;i++){
    for(q=0;q<myarray.length;q++){
    if(a[i].innerHTML==myarray[q]){
    a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
    }}}}
    </script>

0

4

Скрипт постепенного вывода заголовка страницы:
Данный код будет выводить заголовок страницы (в самом верху браузера) постепенно. Для установки перейдите в Администрирование/Настройки и вставьте в html верх.

Код:
<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>

0

5

Скрипт сворачивания категорий:

Данный скрипт красиво сворачивает категории, при обновлении страницы настройки сворачивания сохраняются. Этот кусок кода ставим в html верх (администрирование/настройки/html верх):

<script type="text/javascript">
//cookies
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}

var aimg = {
open: '-',
close: '+'
}
function categorytoggle(el){
var cat = $(el).parents('div.category');
cat.children('div.container').toggle('slow');
el.innerHTML = el.innerHTML == aimg.open ? aimg.close : aimg.open;
var catc = getcookie(cat.attr('id'));
catc = catc == 'close' ? 'open' : 'close';
setcookie(cat.attr('id'),catc,3600*24*30*1000);
}
</script>

А этот кусок кода ставим в html низ (администрирование/настройки/html низ):

<script type="text/javascript">
$('#pun-main div.category > h2 div.catleft').after('<a href="#" class="offcat" onclick="categorytoggle(this); return false;" style="float: right;">'+aimg.open+'</a>');
for(var i=1;i<=$('#pun-main div.category').length;i++)
    if(getcookie('pun-category'+i)=='close'){
$('#pun-category'+i+' > div.container').css({display: 'none'});
$('#pun-category'+i+' > h2 > a').html(aimg.close)
}
</script>

После установки скрипта на главной странице форума возле каждой категории появится -, после клика по - все форумы в категории красиво свернутся. Если хотите изменить цвет или размер - и +, то воспользуйтесь классом offcat:

<style>
.offcat {
color:#ffffff!important;
font-weight:bold!important;
text-decoration:none!important;
font-size:15px!important;
  margin-top:-3px;
}
</style>

0

6

Скрипт "Пагинатор" :
Данный скрипт делает красивую и удобную постраничную навигацию в темах, что бы понять о чем идет речь посмотрите на скриншот в конце темы. А для установки идем в Администрирование/Настройки и вставляем код.
Стили ставим в html верх:

Код:
<style type="text/css">
#paginator {
  opacity: 0.9;
  position: relative;
  left: 55px;
  z-index: 1000;
  filter: alpha(opacity=90);
  text-shadow: 0 1px 0 #000;
  background-color: #61bde7; /* фон блока пагинатора */
  border: 2px solid #59add4; /* цвет границы блока */
  table-layout: auto !important;
  width: auto !important;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  khtml-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

#paginator td {
  padding: 0.1em;
  border-style: none;
}

#pnav:hover {
  background: black; /* фон цифры при наведении курсора */
  color: lime; /* цвет цифры при наведении курсора */
  -moz-border-radius: 9000em;
  border-radius: 9000em;
  khtml-border-radius:9000em;
  -webkit-border-radius:9000em;
}
</style>

А сам скрипт в html низ:

Код:
<!-- Paginator 2011-->
<script type="text/javascript">
$('.linkst .pagelink a:not(.next):last').map(function () {
text = $(this).html();
text2 = $(this).attr('href');
ssylk = /(.*?)\/viewtopic\.php\?id=(\d+)\&p=(\d+)/g;
pId=(text2.replace(ssylk, '$2'));
Max=text;
var paginator='<div id="pagenav" style="display:none"><table id="paginator"><tr>';
for (p=1; p<=Max; p++) {
paginator += '<td><a id="pnav" style="text-decoration:none;" href="/viewtopic.php?id='+pId+'&p='+p+'">&nbsp;'+p+'&nbsp;</a></td>'; 
if (p%10 == 0) paginator += '</tr><tr>';
 } 
paginator += '</tr></table></div>';
$('#pun-viewtopic .pagelink').append(paginator); }); 
$('div.pagelink').hover(function(){
$('#pagenav').toggle(); });
</script>

Скрин:

0

7

Скрипт быстрого выделения кода :

Данный скрипт заменяет слово Код: вверху блока с кодом, на ссылку, по клику на который выделяется все содержимое блока с кодом.

Код:
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

0

8

Изменение ссылок на кнопки на примере "Новый Опрос и Новая тема":

Код:
<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>

+1

9

Скрипт замены надписей активны/неактивны под аватаром на картинки:

Код:
<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>

0

10

Меняем местами пункты в информации о пользователе под аватаром:
Расчитан на те форумы, где количество пунктов у всех в окне с аватаром одинаково (за исключением ip для модеров).
Посчитайте число строк в этом окне. Например у меня на данном форуме вы их видите 7
Автор:
Модератор
Аватар
Зарегистрирован: 1
Сообщений: 1
Репутация: [+1/-1]
Активен 

<script type="text/javascript">
var order=document.getElementsByTagName("ul")
var q=0
for (q=0; q<=(order.length-1); q++)
{if (order[q].innerHTML.indexOf("pa-author")!=-1)
{var order1=order[q].getElementsByTagName("li")
order[q].innerHTML=order1[0].outerHTML+order1[2].outerHTML+order1[3].outerHTML+order1[4].outerHTML+order1[5].outerHTML+order1[7].outerHTML+order1[6].outerHTML }}
</script>

Смотрим на синюю строчку. Видим , что у элементов в ней меняется тока номер в квадратных скобках. Это порядковый номер ваших строк профиля по умолчанию, если смотреть сверху вниз. Переставьте их в этой строке так. как вам вздумается.

Сообщение от администратора: в данный момент скрипт не актуален, все это делается через админ панель. Переходим в Администрирование/Поля профиля и меняем порядок полей как нам хочется (даже аватар можно перемещать).

+1

11

Скрипт замены ссылок "Профиль - ЛС - 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>

0

12

Добавляем текст перед ником:

Данный скрипт добавляет текст перед ником, в данном случае скрипт добавляет слово Автор:

<script type="text/javascript">
$(document).ready(function() {
$(".pa-author").prepend("<strong>Автор: </strong>");
});
</script>

Выделенный текст можно заменить на свой, только не убирайте пробел а то будет смотреться не красиво.

0

13

Скрипт сворачивания объявления:

Ставим в само объявление этот код:

Код:
<script type="text/javascript">
    document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
    function lookCook()
    {
    if (document.cookie.indexOf("announce")!=-1)
    {var an1=document.cookie.substr(document.cookie.indexOf("announce"))
    var an=an1.substr(an1.indexOf("id")+2, 2)
    if (an=="op")
    {document.getElementById('annbody').style.display="block"
    var knopka="Скрыть объявление"}
    else if (an=="cl")
    {document.getElementById('annbody').style.display="none"
    var knopka="Показать объявление"}}
    else if (document.cookie.indexOf("announce")==-1)
    {document.getElementById('annbody').style.display="block"
    var knopka="Скрыть объявление"}
    document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}

    lookCook()

    function hideAnn()
    {
    if (document.getElementById('annbody').style.display!="none")
    {document.getElementById('annbody').style.display="none"
    document.getElementById('hider').value="Показать объявление"}
    else
    {document.getElementById('annbody').style.display="block"
    document.getElementById('hider').value="Скрыть объявление"}
    }

    function wCook()
    {
    var ann="announce=id"
    if (document.getElementById('annbody').style.display!="none")
    {ann+="op"}
    else
    {ann+="cl"}
    var d=new Date()
    d.setDate(d.getDate()+1)
    ann+=";expires="+d.toGMTString()
    document.cookie=ann}

    </script>

0

14

Скрываем посты с отрицательным рейтингом:

Вместо сообщений с отрицательным рейтингом будет показано предупреждение, что сообщение "плохое". Открыть текст можно кликнув на предупреждение.
Вы сами можете изменить глубину репутации, при котором пост будет считаться плохим.

Код:
<script type="text/javascript">
var ratingPostMsgHide = -1; // репутация, при которой пост будет считаться плохим

document.getElementByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}
var pozitive = document.getElementByClassName("post-rating")
for( i=0; i<pozitive.length; i++)
{

   rating = pozitive[i].getElementsByTagName("p")[0].getElementsByTagName("a")[0].innerHTML
   rating = parseInt(rating)
   if( rating <= ratingPostMsgHide )
   {
      postMsg = document.getElementByClassName("post-content")[i].innerHTML;
      document.getElementByClassName("post-content")[i].innerHTML = "<div class=\"quote-box\"><blockquote><p><a href=\"javascript: void(0);\" onclick=\"document.getElementById('postMsgID" + i + "').style.display = 'block'\">Данное сообщение имеет отрицательный рейтинг. Для его отображения нажмите сюда</a></p></blockquote></div><div id=\"postMsgID" + i + "\" style=\"display: none;\" class=\"quote-box\"><blockquote><p>" + postMsg + "</p></blockquote></div>"
   }

}
</script>

Автор: Duka

0

15

"Горячие клавиши".

Простой скрипт быстрых клавиш. По определенной комбинации клавиш вызывает определенную функцию.
Ctrl + b - добавляет теги [b.][/b.]
Ctrl + i - добавляет теги [i.][/i.]
Ctrl + s - добавляет теги [s.][/s.]
Ctrl + u - добавляет теги [u.][/u.]
Ctrl + Enter - Быстрая отправка сообщения.

Внимание! В некоторых браузерах вместе с функцией может вызвать свои браузерные функции.
К примеру, при комбинации Ctrl + s в Opera "Сохраняет документ". Ставить в html форма ответа:

Код:
<script type="text/javascript">
document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==73)&&(event.ctrlKey)){
bbcode('[i]', '[/i]');
}
if ((event.keyCode==66)&&(event.ctrlKey)){
bbcode('[b]', '[/b]');
}
if ((event.keyCode==83)&&(event.ctrlKey)){
bbcode('[s]', '[/s]');
}
if ((event.keyCode==85)&&(event.ctrlKey)){
bbcode('[u]', '[/u]');
}
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}}
</script>

Отдельно ctrl+Enter (отправка сообщения):

Код:
<script type="text/javascript">
document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}}
</script>

Автор: Duka

0

16

Установка пароля на раздел:

Простенький скрипт на установку пароля для определенного форума.
За безопасность я не отвечаю. Скрипт легко обходится путем отключения яваскрипта или просмотра пароля через исходный код страницы.
Скрипт ставим в HTML низ:

<script type="text/javascript">
var forum = "https://forumucofru.spybb.ru"
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].href==forum+"/viewforum.php?id=x")
{arr[j].href="javascript: pass()"}
}}
function pass()
{
  if (prompt('Администратор установил пароль на этот форум', '') == "qwerty"){
    alert('Пароль принят. Нажмите "ОК" для редиректа');
    location.href = forum+"/viewforum.php?id=x";
}
else alert('Введенный пароль неверен');
}
changeLink()
</script>

https://forumucofru.spybb.ru - ссылка на Ваш форум.
x - id раздела.
qwerty - пароль.

Автор: Duka

0

17

Десять последних сообщений форума в статистике:

Данный скрипт выводит на главной странице форума 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>

0

18

Десять последних сообщений форума в статистике (вторая версия):

в отличии от предыдущей версии, этот скрипт не создает 2 заголовка.
идет один-единственный заголовок - "Статистика форума", под ним расположены последние 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="<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+""+name+""
}
i++
}
</script>

0

19

Скрипт переадресации на другой форум/сайт:

Скрипт ставим в html верх:

<script>
if (document.location.href.toString().indexOf('http://адрес_сайта_откуда_переходить') != -1)
{
        document.location.href = 'http://адрес_сайта_куда_переходить';
}
</script>

0

20

Дополнение в статистику:

Данный скрипт добавит в статистику число разделов и категорий. Скрипт ставим в html низ:

<script>
var num_f = 0;
var num_c = 0;
var tr = document.getElementsByTagName("tr")
for(i=0;i<tr.length;i++){
if(tr[i].id.indexOf("forum_f")!=-1){
num_f++
}
}
var div = document.getElementsByTagName("div")
for(q=0;q<div.length;q++){
if(div[q].id.indexOf("pun-category")!=-1){
num_c++
}
}
var v = document.getElementById('onlinelist');
v = v.parentNode.firstChild;
if (!v.innerHTML)
    v = v.nextSibling;
v.innerHTML = '<span>Всего форумов: </span><b>'+num_f+'</b><br /><span>Всего категорий: </span><b>'+num_c+'</b><br />' + v.innerHTML;
</script>

Чтобы уменьшить цифру в статистике меняйте выделенные нули на нужную цифру (перед цифрой должен быть минус, например -2 )

0

21

Подпись по умолчанию:

Вместо красного - Ваши слова, синим - код цвета. Скрипт ставим в html низ:

<script type="text/javascript">var caption='<dl class="post-sig"><dt><dd><p><span style="display: block; text-align: left;color:#005FFF;">Я люблю сервис форумов ucof.ru</span></p></dd></dl>';$(".post-content").each(function (){if($(this).find(".post-sig").html()==null){
$(this).append(caption)};});</script>

0

22

Скрипт "легенда иконок":

Очень часто стали спрашивать, как можно внизу форума сделать легенду иконок, как на phpbb форумах. Предлагаю такой вариант (ставим в html низ):

Код:
<script type="text/javascript">
if ((location.href[location.href.length-1] == '/') || (document.URL.indexOf("viewforum") != -1)) 
document.getElementById("pun-main").innerHTML += '<div class="container" style="padding: 0.5em; margin-top: 1em;"><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - нет новых сообщений</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="inew"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - новые сообщения</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="isticky"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - важно</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="iclosed"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - закрыто</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="iredirect"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - ссылка</td></tr></tbody></table></div>';
</script>

Автор: rps

0

23

Замена слов "Новая тема, Новый опрос, Ответить, Профиль, ЛС, Редактировать, Цитировать и.т.д" на картинки, со сменой картинки при наведении курсора:

Скрипт ставим в html низ:

<script><!--Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д. -->
   pstlnk=new Array(

  ".postlink","Новая тема",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".postlink","Новый опрос",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".postlink","Ответить",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-email","Профиль",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-email","ЛС",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-email","E-mail",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-website","Вебсайт",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-delete","Удалить",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-edit","Редактировать",
"Ссылка на картинку","Ссылка на картинку при наведении",

  ".pl-quote","Цитировать",
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
function find_and_replace(value){var s0,s1,s2,s3,i; for (i=0; i < pstlnk.length; i=i+4){s0=pstlnk[i+2];
  s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
  s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0" />';
  var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
  if (str!=null) {str=str.replace(pstlnk[i+1],s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});
</script>

Вместо красного - Подставляем свою ссылку на картинку.

Если под какие пункты картинками не нужны, - убираем это двухстрочье...Но -Помним, что последний элемент в списке без запятой(такой казус может возникнуть если убираем "Цитировать"

Внимание!!! - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после: Оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!

Кому-то, возможно, захочется скорректировать по высоте размещения кнопок "Новая тема","Новый опрос","Ответить",
В html верх тогда ставим такой код:

<style> /*корректируем кнопку "ответить;Нов.тема; Нов.опрос*/
.linkst .postlink{
margin-top:25px;
}
.linksb .postlink{
margin-top: -40px;
}
</style>

Значения выделенные красным - регулируем.

Автор: Deff

0

24

Уведомление о новом личном сообщении:

Данный скрипт уведомляет пользователей о новом входящем сообщении в сплывающем окошке. Особенностью является наличие звукового оповещения.

Скрипт ставим в html низ:

Код:
<script language="JavaScript"> 
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {
document.write("<div id='messanger' class='section' style='position: fixed; right: 40%; top: 35%; z-index: 1000; width: 320px; height: 110px;'><h2 style='background-color: #08440c; color: #000; text-align: center;'>Оповещение</h2><div class='container' style='padding: 15px; text-align: center; background-color: #ebeaf0;'><span>Вам пришло новое личное сообщение</span><br /><br /> <span style='color: green;'>Чтобы прочесть его, нажмите на эту кнопку.</span><br /><br /><br /><a class='mess' onclick=\"window.open(href='/messages.php'); return false\" style='background-color: rgb(125, 158, 112); border-style: none; cursor: pointer; font-size: 20px;' >&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;</a></div><embed height='1' width='1' type='application/x-shockwave-flash' wmode='transparent' quality='high' src='http://promobil.kiev.ua/engine/classes/flashplayer/media_player.swf?MediaLink=http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3&amp;defaultMedia=1&amp;showPlayButton=false&amp;playOnStart=true'></div>");}
$(function(){$('.mess').click(function(){
$('#messanger').toggle();}); });
</script>

Автор: Romych

0

25

Рамки под аватар (рандомно):

При Обновлении страницы - рамки сменяются. Скрипт ставим в html низ:

<!--Ставим рамки для Аватара -->
<script>
  $(document).ready(function(){
GifArray=new Array(
"https://forumupload.ru/uploads/000f/40/fc/283-1.gif", //Ссылки на GIF-рисунок рамок под Аватар
"https://forumupload.ru/uploads/000f/40/fc/283-2.gif",
"https://forumupload.ru/uploads/000f/40/fc/283-3.gif",
"https://forumupload.ru/uploads/000f/40/fc/283-4.gif",
"https://forumupload.ru/uploads/000f/40/fc/283-5.gif",
"https://forumupload.ru/uploads/000f/40/fc/284-1.gif",
"https://forumupload.ru/uploads/000f/40/fc/284-2.gif",
"https://forumupload.ru/uploads/000f/40/fc/284-3.gif",
"https://forumupload.ru/uploads/000f/40/fc/284-4.gif",
"https://forumupload.ru/uploads/000f/40/fc/284-5.gif",
"https://forumupload.ru/uploads/000f/40/fc/285-1.gif",
"https://forumupload.ru/uploads/000f/40/fc/285-2.gif",
"https://forumupload.ru/uploads/000f/40/fc/285-3.gif",
"https://forumupload.ru/uploads/000f/40/fc/285-4.gif",
"https://forumupload.ru/uploads/000f/40/fc/285-5.gif"    //End myarray_!!Последняя ссылка без Запятой!!!
)

   var imgURL;var i;var x;var y;

    $("div.post-author ul li img[alt='Аватар']").each(function () {
    x = this.offsetWidth;
    y = this.offsetHeight;
    inb = $(this).parent().get(0).tagName;
    $(this).css("width",x+"px");
    $(this).css("height",y+"px");
    imgURL = $(this).attr("src");
    i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
    $(this).attr("src",i);
    $(this).css("background-image","url("+imgURL+")");});
});
</script>
<!--Конец//Рамки для Аватара-->

Автор: Deff

0

26

Вставка иконок М/Ж картинкой, - слева от ника в посте:

Красным - адреса Картинок. Синим, в начале первой строки, - "0" или "1" - картинка для бесполых - включена/выключена. Cтрока половой принадлежности под Аватаром - убирается.

<!-- М/Ж картинкой слево от Ника -->
<script type="text/javascript">
  $(document).ready(function(){
myarray=new Array(
"0", "https://forumupload.ru/uploads/000f/40/fc/287-1.png",    //Картинка - для "Нет Пола"["0" -  включена, "1" - выключена]
"Пол: Мужской", "https://forumupload.ru/uploads/000f/40/fc/287-2.png",
"Пол: Женский", "https://forumupload.ru/uploads/000f/40/fc/287-3.png"  //End myarray;
)
if (document.URL.indexOf("viewtopic.php?id")!= -1){
$("div.post-author").each(function (i) {
var s=$(this).find("ul li.pa-sex").html();
   if (s!=null){for(var q=2;q<myarray.length;q++){
if ($(this).find("ul li.pa-sex").text().indexOf(myarray[q])!= -1){
    $(this).find("ul li.pa-sex").hide() //Скрытие
var imgadr=q+1;};q++;}}
   else {imgadr=1};if (myarray[imgadr-1]!=1) {
ss2=$(this).find("ul li.pa-author a:first").prepend("<img class=\"\" src=\""+myarray[imgadr]+"\" alt=\""+myarray[imgadr-1]+"\"/> ");};;});};});
</script>

Автор: Deff

0

27

Смайлик на аватарке (рандомно):

Синим выделены ссылки на смайлы, красным подвижка влево в пикселях. Скрипт ставим в html низ:

<!--Смайлы в Аватар, рандомно -->
<script>
  $(document).ready(function(){

GifArray=new Array(
"https://forumucofru.spybb.ru/img/smilies/MyBB/dark/glasses.gif", //Ссылки на Смайлы в Аватар
"https://forumucofru.spybb.ru/img/smilies/MyBB/dark/tomato.gif",
"https://forumucofru.spybb.ru/img/smilies/MyBB/dark/music.gif",
"https://forumucofru.spybb.ru/img/smilies/MyBB/dark/cool.gif"   //End myarray_!!Последняя ссылка без Запятой!!!
)
   var imgURL;var i;var x;var y;
   var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin-left:-35px;\"/>";
    $("div.post-author ul li img[alt='Аватар']").each(function () {
      $(this).wrap("<div class=avva></div>")

      x = this.offsetWidth;
      //$(this).parent().css('width',x)
      //y = this.offsetHeight;
      inb = $(this).parent().get(0).tagName;
      i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
      $(this).after(ss0+i+ss1);
;});
});
</script>
<!--Конец//Смайлы в Аватар->

Автор: Deff

0

28

Бегущая строка в посте:

Скрипт доработал, работает при просмотре и при редактировании сообщения,
так же скрипт был существенно оптимизирован и меньше по содержанию кода, в отличии предыдущего варианта, раза в 2, не в ущерб функциональности,
зато меньше кода, быстрее загружаются страницы,
кнопка осталась той же - https://forumupload.ru/uploads/000f/40/fc/290-1.png

Ставим в html-низ:

Код:
<!--обтекание изображения v.3 © Romych-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="marqueebut" style=\'background-image:url("https://forumupload.ru/uploads/000f/40/fc/290-1.png")\'><img src="/i/blank.gif" title="Бегущая строка"></td>');
$('.marqur').css('cursor', 'pointer');
$('#marqueebut, .marqur').click(function(){
$('div#marqu').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/marqu]") != -1) {
marquees = /\[marqu=(.*?)\]([^`]*?)\[\/marqu\]/gi
$(this).html(text.replace(marquees, "<marquee direction='$1' scrollamount='2' onMouseOver='this.stop()' onMouseOut='this.start()'>$2</marquee>")); }
}); });
</script>
<div id="marqu" class="container"  style="display:none;width:auto;padding:8px;position:absolute;margin-top:-35%;margin-left:35%;">
<div><strong>Выберите направление</strong></div><hr><br>
<div align="center" onclick="bbcode('[marqu=up]', '[/marqu]')"><img class="marqur" src="https://forumupload.ru/uploads/000f/40/fc/290-2.png" title="up"></div>
<span onclick="bbcode('[marqu=left]', '[/marqu]')"><img class="marqur" src="https://forumupload.ru/uploads/000f/40/fc/291-1.png" title="left"></span><span style="float:right;" onclick="bbcode('[marqu=right]', '[/marqu]')"><img class="marqur" src="https://forumupload.ru/uploads/000f/40/fc/291-2.png" title="right"></span>
<div align="center" onclick="bbcode('[marqu=down]', '[/marqu]')"><img class="marqur" src="https://forumupload.ru/uploads/000f/40/fc/290-3.png" title="down"></div>
</div>

Автор: Romych

0

29

Уведомление о новых ЛС (личное сообщение):

Данный скрипт при входящем сообщении будет выводить вот такую иконку - https://forumupload.ru/uploads/000f/40/fc/293-1.gif На мой взгляд это лучший скрипт уведомлений, так как вписывается в любой дизайн и занимает мало места.

Ставим в html низ:

Код:
<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/000f/40/fc/293-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

Скрин:
https://forumupload.ru/uploads/000f/40/fc/293-2.jpg

0

30

Уведомление о новых ЛС (личное сообщение):

Данный скрипт при входящем сообщении будет выводить маленькое симпатичное окошко, как это будет выглядеть можно посмотреть на скрине.

Ставим в  html низ:

Код:
<script type="text/javascript">
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) &&  loc.indexOf('messages.php')==-1)
{  
  count = parseInt(str.substring(str.indexOf("(")+1,str.indexOf(")")))
  if (count==1) text="  У вас есть 1 новое сообщение"
  else if (count>1 && count<5) text=" У вас есть " +count+" новых сообщения"
  else text="У вас есть " +count+" новых сообщений"
  msg =  "<div id=\"new-mes\" class=\"container\" style=\"position: absolute; z-index=2; left: 40%; text-align: center;\">"
  msg += text
  msg += "<br><a href=\"\" onclick=\"document.location.replace('messages.php'); document.getElementById('new-mes').style.display='none';return false;\">( Посмотреть личные сообщения )</a>"
  msg +="<br><br><a href=\"\" onclick=\"document.getElementById('new-mes').style.display='none'; return false\"><center>( Закрыть окно )</center></a>\r\n"  
  msg += "</div>"
  document.getElementById("pun-status").innerHTML += msg
}
</script>

Скрин:
https://forumupload.ru/uploads/000f/40/fc/295-1-f.jpg

0


Вы здесь » Сервис форумов ucof.ru » Новые возможности форумов » Коллекция скриптов: