Необычные эффекты при создании веб-страниц.


Красивый элемент оформления фона сообщения в стиле диско. Постоянно меняющаяся цветовая гамма боковых панелей большого практического значения не имеет.Но для оформления личных оригинальных страниц будет в самый раз.Все оттенки радуги плавно затухая и переходя в новый цвет будут присутствовать на вашей странице.





Создание эффекта цветомузыки.


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


Для начала необходимо определить,где должен присутствовать данный эффект необычного оформления дизайна.Если на каждой странице,то нужно вставить приведённый справа код в гаджет НТМЛ и ява-скрипт или непосредственно на вкладке дизайн изменить шаблон внести данный скрипт в код страницы  в раздел <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>
При обновлении страницы цвет фона изменится на другой автоматически.Цветовую гамму можно подобрать по своему желанию изменяя данные,которые находятся в скобках воспользовавшись каким либо генератором цвета онлайн.










Отправить комментарий