Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Постоянно меняющийся фон страницы

Здравствуйте, мои дорогие читатели и гости блога. И опять заведу разговор  о красивостях и дизайне. Не так давно сделали шпаргалку красивое оформление заголовка. Сегодня хочу предложить вам вариант оформления страниц в необычном стиле.
 
Фон страницы плавно переходит из одного цвета в другой. Посмотреть такой эффект вы можете на этом блоге. Задержите на несколько секунд своё внимание на страничке, чтобы понять, что происходит.

меняющийся фон страницы


Конечно, решать вам стоит это применять или нет. Таким образом можно оформить страничку к какому - нибудь празднику. Делается всё очень просто. Так что всегда  можно убрать или наоборот добавить.

Чтобы создать такой переливающийся фон, заходим во вкладку дизайн-добавить гаджет -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>

И сейчас, при написании сообщения надо перейти из режима создать в режим HTML и в любом месте вставить вот такой код <body onload="disco()">  Красота.

Если  вам такой эффект не по душе предлагаю ещё один вариант игры цвета. При перезагрузке страницы фон каждый раз будет другим.

 Обратите внимание  на цвет страницы. Затем нажмите правую кнопку мыши и выберите перезагрузить. Совсем другой вид. И так постоянно при каждом вхождении. Цвета можно подобрать свои. Воспользуйтесь хотя бы этим генератором.

Так же в гаджет HTML/JavaSсript вставляем вот такой небольшой код

<script>
//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>

И всё. Больше ничего не требуется.

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

На сегодня у меня всё. Удачи всем нам.



оформите подписку на новые шпаргалки

введите пожалуйста свой адрес электронной почты :

10 комментариев:

  1. Вика приветик! Чудесных выходных дорогая! Очень интересно, хотелось попробовать у себя эту красивость! Вика, только я не совсем поняла , куда потом разместить гаджет с добавленным кодом? и куда разместить второй код, в новый гаджет , или добавить к большому коду?

    ОтветитьУдалить
  2. Валентина, привет. В первом варианте просто копируешь этот длиннющий код и вставляешь в гаджет. Ну помести его где-нибудь внизу блога. А вот код маленький- когда начнёшь писать сообщение cразу перейди из режима создать в режим HTML и вставь его. Потом возвращайся обратно в режим создать и пиши что хотела. После публикации увидишь эффект.

    ОтветитьУдалить
  3. Вика, привет! Оригинально))) Идеально подойдет для моей задумки. Спасибо, выручила!!!

    ОтветитьУдалить
  4. Привет, Ира. Когда задумка осуществится поделишься.

    ОтветитьУдалить
  5. Вика, а это на стандартном шаблоне или можно свой установить?

    ОтветитьУдалить
  6. Ирина, это всё через гаджет HTML/JavaSсript делается.Ты же вставляешь гаджеты в своём блоге. Или я не так поняла твой вопрос.

    ОтветитьУдалить
  7. Вика, я уже разобралась. Утро вечера мудренее)))

    ОтветитьУдалить
  8. Да, это точно. Бывает такое.

    ОтветитьУдалить
  9. Как красиво! Спасибо!!!

    ОтветитьУдалить
  10. Да, красиво, только у меня сейчас на тестовых блогах этот скрипт удалён. Пост писала аж в 2014 году, столько воды утекло.

    ОтветитьУдалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML