Фон страницы плавно переходит из одного цвета в другой. Посмотреть такой эффект вы можете на этом блоге. Задержите на несколько секунд своё внимание на страничке, чтобы понять, что происходит.
Чтобы создать такой переливающийся фон, заходим во вкладку дизайн-добавить гаджет -HTML/JavaSсript и вставляем в него вот такой код
<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>
<!--
//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>
И сейчас, при написании сообщения надо перейти из режима создать в режим HTML и в любом месте вставить вот такой код <body onload="disco()"> Красота.
Если вам такой эффект не по душе предлагаю ещё один вариант игры цвета. При перезагрузке страницы фон каждый раз будет другим.
Обратите внимание на цвет страницы. Затем нажмите правую кнопку мыши и выберите перезагрузить. Совсем другой вид. И так постоянно при каждом вхождении. Цвета можно подобрать свои. Воспользуйтесь хотя бы этим генератором.
Обратите внимание на цвет страницы. Затем нажмите правую кнопку мыши и выберите перезагрузить. Совсем другой вид. И так постоянно при каждом вхождении. Цвета можно подобрать свои. Воспользуйтесь хотя бы этим генератором.
Так же в гаджет HTML/JavaSсript вставляем вот такой небольшой код
<script>
//Enter list of bgcolors:
//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>
</script>
И всё. Больше ничего не требуется.
Даже если вам сейчас это не понадобиться, просто добавьте страницу в закладки. А вдруг захочется когда-нибудь украсить свой блог подобным эффектом. А ещё советую посмотреть несколько вариантов красивого оформления текста.
На сегодня у меня всё. Удачи всем нам.
оформите подписку на новые шпаргалки
Вика приветик! Чудесных выходных дорогая! Очень интересно, хотелось попробовать у себя эту красивость! Вика, только я не совсем поняла , куда потом разместить гаджет с добавленным кодом? и куда разместить второй код, в новый гаджет , или добавить к большому коду?
ОтветитьУдалитьВалентина, привет. В первом варианте просто копируешь этот длиннющий код и вставляешь в гаджет. Ну помести его где-нибудь внизу блога. А вот код маленький- когда начнёшь писать сообщение cразу перейди из режима создать в режим HTML и вставь его. Потом возвращайся обратно в режим создать и пиши что хотела. После публикации увидишь эффект.
ОтветитьУдалитьВика, привет! Оригинально))) Идеально подойдет для моей задумки. Спасибо, выручила!!!
ОтветитьУдалитьПривет, Ира. Когда задумка осуществится поделишься.
ОтветитьУдалитьВика, а это на стандартном шаблоне или можно свой установить?
ОтветитьУдалитьИрина, это всё через гаджет HTML/JavaSсript делается.Ты же вставляешь гаджеты в своём блоге. Или я не так поняла твой вопрос.
ОтветитьУдалитьВика, я уже разобралась. Утро вечера мудренее)))
ОтветитьУдалитьДа, это точно. Бывает такое.
ОтветитьУдалитьКак красиво! Спасибо!!!
ОтветитьУдалитьДа, красиво, только у меня сейчас на тестовых блогах этот скрипт удалён. Пост писала аж в 2014 году, столько воды утекло.
ОтветитьУдалить