Среда, 16.07.2025, 12:22 | RSS | Приветствую Вас Гость
Главная | Регистрация | Вход
My-wmmail
Главная
Меню сайта
Форма входа
Категории раздела
Учебник wmmail-полезные статьи [24]
Реклама
Онлайн халява
Часы
Главная » Статьи » Учебник wmmail-полезные статьи
Скрипты для wmmail
Скрипты не только упрощают жизнь, но и улучшают дизайн, добавляют функционал стене, вопросу, теме и т.д.
В первой статье были разобраны прикольные, но не особо нужные скрипты. Здесь мы поговорим о нужных Скриптах:  "Мечта вмаловца"

Данный скрипт при активации создает видимость увеличения денег на счету пользователя который его активировал. По существу он бесполезен но может служить как дополнительное развлечение для посетителей вашей стены. вот собственно пример его роботы:

  

Вот сам код скрипта:

<font id="add_money" onmouseover="if(document.getElementById('add_money').fl_add_m){document.getElementById('ubalance').innerHTML=Math.round((Number(document.getElementById('ubalance').innerHTML)+0.01)*1000000)/1000000;window.setTimeout(document.getElementById('add_money').onmouseover,500);};" onclick="document.getElementById('add_money').fl_add_m=true;window.setTimeout(document.getElementById('add_money').onmouseover,500);" style="cursor: pointer; padding-top: 10px;"><font style="display: block; width: 24px; height: 24px; float: left; background: url("/icon/currency_dollar.png") no-repeat scroll center center transparent;"></font><font style="position: relative; top: 5px;">Мечта вмайловца</font></font>

Теперь подробно о настройке:В скрипте присутствуют несколько настроек к примеру
изменяя в строчке"+0.01)*1000000)"на другое значение можно указать по сколько будет добавятся к счету пользователя за единицу времени "/icon/currency_dollar.png"это адрес иконки которая будет выводится возле надписи ,если ваша картинка размещена не на сервере wmmail адрес нужно писать в следующем формате:напримересли картинка находится на фото хостинге радикал.ру то адрес должен бить такой "//s11.radikal.ru/i183/1103/84/f02ee8c14d86.png"  без"http:"также можно изменить
саму кнопку вызова изменяя код"<font style="position: relative; top: 5px;">Мечта вмайловца</font>"
остальную часть кода я трогать не советую.

 Скрипт:  "Смена аватарки"

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



Вот сам код скрипта:
<font onclick="for(num=0;document.getElementsByTagName('img').length>num;num++){if(String(document.getElementsByTagName('img')[num].src).indexOf('avatar',0)>0)document.getElementsByTagName('img')[num].src='avatar/08/73.jpg?rnd=new%20Date()';}" style="cursor: pointer;"><font style="display: block; width: 24px; height: 24px; float: left; background: url("/icon/photo_portrait.png") no-repeat scroll center center transparent;"></font> <font style="position: relative; top: 5px;">Смена аватарки</font></font>

Теперь подробно о настройке:В скрипте присутствуют несколько настроек к примеру
"avatar/08/73.jpg"это адрес иконки которая будет выводится вместо аватарок ,если ваша картинка размещена не на сервере wmmail адрес нужно писать в следующем формате:напримересли картинка находится на фото хостинге радикал.ру то адрес должен бить такой "//s11.radikal.ru/i183/1103/84/f02ee8c14d86.png"без"http:"также можно изменить саму кнопку вызова и иконку возле кнопки изменяя код изменяя код как описано выше. остальную часть кода я трогать не советую что бы не нарушит его роботу.

Скрипт:  "Снежок"

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




Вот сам код скрипта:

<b id="snow_tg2" style="color: green; cursor: pointer;" onclick="var obj_var=document.getElementById('snow_tg');obj_var.onclick();for (i = 0;obj_var.no-i; ++ i){obj_var.yp[i] += obj_var.sty[i];if(parseInt(obj_var.yp[i]/(obj_var.doc_height-50))){obj_var.xp[i]=Math.random()*(obj_var.doc_width-obj_var.am[i]-30);obj_var.yp[i]=0;obj_var.stx[i]=0.02+Math.random()*0.10;obj_var.sty[i]=0.7+Math.random();obj_var.doc_width=document.body.clientWidth;obj_var.doc_height=document.body.clientHeight;}obj_var.dx[i]+=obj_var.stx[i];document.getElementById('dot'+i).style.top=obj_var.yp[i]+'px';document.getElementById('dot'+i).style.left=obj_var.xp[i]+obj_var.am[i]*Math.sin(obj_var.dx[i])+'px';}setTimeout(document.getElementById('snow_tg2').onclick,10);">Снежок</b>

Теперь подробно о настройке:в данном скрипте можно настроить только кнопку вызова изменяя текст
"Снежок"

Скрипт:  "Скрытие отзывов"

Данный скрипт при активации скрывает или показывает отрицательные/положительные отзывы на  стенке. Довольно полезная хитрость для тех кто не хочет показывать всю стену. Вот собственно пример его роботы:



Вот сам код скрипта:

<font id="hidden_bad2" onclick="var fl_hiden='flag'; for(num=0;document.getElementsByTagName('font').length>num;num++){if(String(document.getElementsByTagName('font')[num].innerHTML).indexOf('отрицательный отзыв' ,0)>-1){if(fl_hiden=='flag'){if (document.getElementsByTagName('font')[num].parentNode.parentNode.parentNode.parentNode.parentNode.style.display =='none'){fl_hiden='';} else {fl_hiden='none';}} if(fl_hiden==''){document.getElementsByTagName('font')[num].parentNode.parentNode.parentNode.parentNode.parentNode.style.display ='';document.getElementById('hidden_bad2').innerHTML='Скрыть отрицательные отзывы';} if(fl_hiden=='none'){document.getElementsByTagName('font')[num].parentNode.parentNode.parentNode.parentNode.parentNode.style.display ='none';document.getElementById('hidden_bad2').innerHTML='(Осторожно! нецензурщина) Показать отрицательные отзывы ';}}} " style="display: block; cursor: pointer; color: red; font-weight: bold; text-align: right; width: 100%;">(Осторожно! нецензурщина) Показать отрицательные отзывы</font><font id="hidden_good" onclick="var fl_hiden='flag'; for(num=0;document.getElementsByTagName('font').length>num;num++){if(String(document.getElementsByTagName('font')[num].innerHTML).indexOf('положительный отзыв' ,0)>-1){if(fl_hiden=='flag'){if (document.getElementsByTagName('font')[num].parentNode.parentNode.parentNode.parentNode.parentNode.style.display =='none'){fl_hiden='';} else {fl_hiden='none';}} if(fl_hiden==''){document.getElementsByTagName('font')[num].parentNode.parentNode.parentNode.parentNode.parentNode.style.display ='';document.getElementById('hidden_good').innerHTML='Скрыть положительные отзывы';} if(fl_hiden=='none'){document.getElementsByTagName('font')[num].parentNode.parentNode.parentNode.parentNode.parentNode.style.display ='none';document.getElementById('hidden_good').innerHTML='Показать положительные отзывы';}}} " style="display: block; cursor: pointer; color: green; font-weight: bold; text-align: right; width: 100%;">Показать положительные отзывы</font><b><b id="snow_tg" style="display: none;" onclick="if(!this.no){this.no=17;this.dx,this.xp,this.yp; this.am,this.stx,this.sty;this.i, this.doc_width=800,this.doc_height=600;this.doc_width=document.body.clientWidth;this.doc_height=document.body.clientHeight;this.dx=new Array();this.xp=new Array();this.yp=new Array();this.am=new Array();this.stx=new Array();this.sty=new Array();for (var i=0;this.no-i;++i){this.dx[i]=0;this.xp[i]=Math.random()*(this.doc_width-50);this.yp[i]=Math.random()*this.doc_height;this.am[i]=Math.random()*20;this.stx[i]=0.02+Math.random()*0.10;this.sty[i]=0.7+Math.random();}}"></b>

Теперь подробно о настройке:Данный скрипт не имеет настроек . по умолчанию все отрицательные отзывы скрыты



                                                         Спойлер.
Спойлеромназывают скрывающийся / показывающийся объект (текст, картинка и т.д.).

Code
<font id="spoiler" style="display:block; width:300px;"><font style="display:block; text-align:center; height:16px; background:#e0e0e0; font-size:12px; padding-left:4px; border:1px solid #e7e7e7; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px;"><font id="spoiler_on" style="display:block; float:right; height:16px; width:16px; cursor:pointer; background:url(//wallmaker.ru/tmp/img/arrow-down.png) center no-repeat;" onclick="gebi('spoiler_content').style.display='block'; this.style.display='none'; gebi('spoiler_off').style.display='block';" title="Развернуть"></font><font id="spoiler_off" style="display:none; float:right; height:16px; width:16px; cursor:pointer; background:url(//wallmaker.ru/tmp/img/arrow-up.png) center no-repeat;" onclick="gebi('spoiler_content').style.display='none'; this.style.display='none'; gebi('spoiler_on').style.display='block';" title="Свернуть"></font>Spoiler_title</font><font style="display:block; background:#f7f7f7; padding-bottom:7px; padding:3px 5px; border:1px solid #e7e7e7; border-top:none; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;"><font id="spoiler_content" style="display:none; font-size:12px;">Spoiler_text</font></font></font>

Давайте разберем код:
Ширина спойлера300px(задается в первом теге font);
Заголовок спойлераSpoiler_title;
Текст, скрытый под спойлеромSpoiler_text(в самом конце кода);
Если потребуется, можно изменить фон (e0e0e0 - фон заголовка, f7f7f7 - фон контента (текста), e7e7e7 - цвет границ);
Если нужно установить несколько спойлеров, изменитеIDнового спойлера (вместоspoiler,spoiler_contentи т.п. напишитеspoiler2,spoiler2_contentи т.п.)
                                Скрипт полета картинок

(Пример работы скрипта wmmail.ru)



● Вставляем в адресную строку:

Code
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

● Жмём "Enter";
● Смотрим.
WMmail.ru - сервис почтовых рассылок
Категория: Учебник wmmail-полезные статьи | Добавил: Марат555 (23.05.2011)
Просмотров: 2362 | Рейтинг: 0.0/0
Всего комментариев: 0

Copyright MyCorp © 2025
Сделать бесплатный сайт с uCoz