Красивый элемент оформления фона сообщения в стиле диско. Постоянно меняющаяся цветовая гамма боковых панелей большого практического значения не имеет.Но для оформления личных оригинальных страниц будет в самый раз.Все оттенки радуги плавно затухая и переходя в новый цвет будут присутствовать на вашей странице.
Создание эффекта цветомузыки.
Единственный плюс от созерцания данного необычного эффекта это наверное визуальный выбор самого оптимального сочетания стиля ваших страниц и внешнего фона,но судить не буду возможно кому то это и понадобиться.
Для начала необходимо определить,где должен присутствовать данный эффект необычного оформления дизайна.Если на каждой странице,то нужно вставить приведённый справа код в гаджет НТМЛ и ява-скрипт или непосредственно на вкладке дизайн изменить шаблон внести данный скрипт в код страницы в раздел <head>.
Затем в разделе body добавить код вызова данной функции <body onload="disco()"> перед закрывающимся тегом /body.
<script language="JavaScript"> <!-- //you can assign the initial color of the background here r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2||c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)||c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } setTimeout('disco()',50) } //--> </script> | Смотреть ещёСлайдер- ротатор для блогаРотатор для баннеровЭффекты для фото на CSS.Как добавить форум на блогОформление блоков для кода |
Но смысла разукрашивать все страницы я не вижу.Намного эффективнее будет добавлять это новшество на страницы соответствующей тематики.Для этого нужно не добавлять код вызова в шаблон в разделе body ,а просто на нужных вам страницах вставить в текстовом редакторе данный код <body onload="disco()"> в любом удобном месте. Вот так быстро можно разукрасить и оживить страницы блога добавив цветомузыку в стиле диско.
Можно убрать излишества и оставить просто изменение цвета страниц при перезагрузке.
Вставив код приведённый ниже можно получить случайный вывод цветовой гаммы на страницах.
<script>
/*Random background color- by javascriptkit.com
Visit JavaScript Kit for script
Credit must stay intact for use*/
//Enter list of bgcolors:
var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>
При обновлении страницы цвет фона изменится на другой автоматически.Цветовую гамму можно подобрать по своему желанию изменяя данные,которые находятся в скобках воспользовавшись каким либо генератором цвета онлайн./*Random background color- by javascriptkit.com
Visit JavaScript Kit for script
Credit must stay intact for use*/
//Enter list of bgcolors:
var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>
Отправить комментарий