Яндекс.Метрика

Украшения блога к новому году

Украшения блога к новому году - интересная тема и читатели всегда ждут новых украшений на блог к приближающемуся празднику.


По просьбам читателей моих блогов я решила рассказать, как украсить блог к новому году.


Все скрипты украшений, которые вы будете помещать на свои блоги устанавливаются следующим образом: в административной панели блога нажимаете поочередно вкладки "Дизайн" -"Добавить гаджет" "HTML и javascript".

В содержание гаджета вставляете в HTML-код и сохраняете.
Гаджет устанавливаете на место, которое вы для него определили простым
перетаскиванием гаджета (зажав его левой стороной мышки" во вкладке "Дизайн".
Скажу сразу, что гаджет вверх блога установиться только в цельном шаблоне блога
и если убрана вкладка "Навигация".


Оптимизация шаблона Blogger.com. Убираем лишние элементы блога


Итак, украшения блога к новому году:
Источник

1. Звенящие шарики (звенят, когда проводишь по ним курсором):

<див дир="л" стиль="выравнивания текста: слева;" trbidi="на">
<div стиль="высота: 31px; позиции: относительно; Ширина: 88px;">
<div стиль="позицию: абсолютная; Z-индекса: 10;">
<див ИД="links_darii" стиль="справочная информация: URL-адрес(http://www.darii.ru/images/info_ground.png) правого верхнего нет-повторите; Дисплей: нет; высота: 31px; слева: 88px; обивка-слева: 23px; обивка-топ: 10 пикселей; позицию: абсолютная; Ширина: 560px; Z-индекса: 9999;">
<div стиль="цвет: #666666 !важно; размер шрифта: 12px !важный;">
Сервис title="в http://www.darii.ru/" стиль="цвет: #3399ff !важно; размер шрифта: 12px !важный;" целевая="_blank">украшения сайтов "Дари!</а> разработан компанией Exiterra - создание и title="в http://www.exiterra.ru/" стиль="цвет: #3399ff !важно; размер шрифта: 12px !важный;" целевая="_blank">продвижение сайтов</а>.</тег div>
</дел>
title="в http://www.darii.ru/" идентификатор="informer_darii" целевая="_blank"></а>
</дел>
</дел>
<скрипт отложить="отложить" срц="http://www.darii.ru/user_scripts/1388606879_info_code.js" Тип="текст/яваскрипт"></скрипт>
<скрипт отложить="отложить" срц="http://www.darii.ru/js/scripts/user_scripts.js" Тип="текст/яваскрипт"></скрипт>
<скрипт отложить="отложить" срц="http://www.darii.ru/user_scripts/1388606879.js" Тип="текст/яваскрипт"></сценарий> </дел>



2. Шарики с колокольчиками по краям в шапку блога:

<стиль Тип="текст/CSS в">
.ст2 {

границы:3 пиксела твердых #BBBBBB;непрозрачность: 2.1;
-в WebKit-анимацией: кольцо 18с 19с легкость-в бесконечном;
-в WebKit-преобразования-происхождение: 50% 14px;
-МОЗ-анимация: кольцо 18с 19с легкость-в бесконечном;
-МОЗ-трансформировать-происхождение: 50% 14px;
анимация: кольцо 18с 19с легкость-в бесконечном;
преобразование происхождения: 50% 14px;
}

@-WebKit они-ключевые кадры кольцо {
0% { -в WebKit-преобразования: rotateZ(0); }
1%, 9% { -в WebKit-преобразования: rotateZ(30 градусов); }
3% { -в WebKit-преобразования: rotateZ(-28deg); }
5% { -в WebKit-преобразования: rotateZ(34deg); }
7% { -в WebKit-преобразования: rotateZ(-32deg); }
11% { -в WebKit-преобразования: rotateZ(-28deg); }
13% { -в WebKit-преобразования: rotateZ(26deg); }
15% { -в WebKit-преобразования: rotateZ(-24deg); }
17% { -в WebKit-преобразования: rotateZ(22deg); }
19% { -в WebKit-преобразования: rotateZ(-20deg); }
21% { -в WebKit-преобразования: rotateZ(18deg); }
23% { -в WebKit-преобразования: rotateZ(-16deg); }
25% { -в WebKit-преобразования: rotateZ(14deg); }
27% { -в WebKit-преобразования: rotateZ(-12deg); }
29% { -в WebKit-преобразования: rotateZ(10deg); }
31% { -в WebKit-преобразования: rotateZ(-8deg); }
33% { -в WebKit-преобразования: rotateZ(6deg); }
35% { -в WebKit-преобразования: rotateZ(-4deg); }
37% { -в WebKit-преобразования: rotateZ(2deg); }
39% { -в WebKit-преобразования: rotateZ(-1 градус); }
41% { -в WebKit-преобразования: rotateZ(1 градус); }
43% { -в WebKit-преобразования: rotateZ(0); }
100% { -в WebKit-преобразования: rotateZ(0); }
}

@-МОЗ-кадры кольцо {
0% { -МОЗ-преобразования: поворот(0); }
1%, 9% { -МОЗ-преобразования: поворот(30 градусов); }
3% { -МОЗ-преобразования: поворот(-28deg); }
5% { -МОЗ-преобразования: поворот(34deg); }
7% { -МОЗ-преобразования: поворот(-32deg); }
11% { -МОЗ-преобразования: поворот(-28deg); }
13% { -МОЗ-преобразования: поворот(26deg); }
15% { -МОЗ-преобразования: поворот(-24deg); }
17% { -МОЗ-преобразования: поворот(22deg); }
19% { -МОЗ-преобразования: поворот(-20deg); }
21% { -МОЗ-преобразования: поворот(18deg); }
23% { -МОЗ-преобразования: поворот(-16deg); }
25% { -МОЗ-преобразования: поворот(14deg); }
27% { -МОЗ-преобразования: поворот(-12deg); }
29% { -МОЗ-преобразования: поворот(10deg); }
31% { -МОЗ-преобразования: поворот(-8deg); }
33% { -МОЗ-преобразования: поворот(6deg); }
35% { -МОЗ-преобразования: поворот(-4deg); }
37% { -МОЗ-преобразования: поворот(2deg); }
39% { -МОЗ-преобразования: поворот(-1 градус); }
41% { -МОЗ-преобразования: поворот(1 градус); }
43% { -МОЗ-преобразования: поворот(0); }
100% { -МОЗ-преобразования: поворот(0); }
}

@ключевыми кадрами кольцо {
0% {- преобразования: поворот(0); }
1%, 9% { преобразования: поворот(30 градусов); }
3% { преобразования: поворот(-28deg); }
5% { преобразования: поворот(34deg); }
7% { преобразования: поворот(-32deg); }
9% { преобразования: поворот(30 градусов); }
11% { преобразования: поворот(-28deg); }
13% { преобразования: поворот(26deg); }
15% { преобразования: поворот(-24deg); }
17% { преобразования: поворот(22deg); }
19% { преобразования: поворот(-20deg); }
21% { преобразования: поворот(18deg); }
23% { преобразования: поворот(-16deg); }
25% { преобразования: поворот(14deg); }
27% { преобразования: поворот(-12deg); }
29% { преобразования: поворот(10deg); }
31% { преобразования: поворот(-8deg); }
33% { преобразования: поворот(6deg); }
35% { преобразования: поворот(-4deg); }
37% { преобразования: поворот(2deg); }
39% { преобразования: поворот(-1 градус); }
41% { преобразования: поворот(1 градус); }
43% { преобразования: поворот(0); }
100% { преобразования: поворот(0); }



</стиль>

<div стиль="обивка: 0px;">
тэгом <IMG класс="ст2" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n2.png" стиль="позицию:фиксированная; сверху: 0px;слева:которой 130px;границы:нет;Z-индекса:9;"/></дел><стиль Тип="текст/CSS в">
.ст1 {

границы:3 пиксела твердых #BBBBBB;непрозрачность: 2.1;
-в WebKit-анимацией: кольцо 20С 19с легкость-в бесконечном;
-в WebKit-преобразования-происхождение: 50% 14px;
-МОЗ-анимация: кольцо 20С 19с легкость-в бесконечном;
-МОЗ-трансформировать-происхождение: 50% 14px;
анимация: кольцо 20С 19с легкость-в бесконечном;
преобразование происхождения: 50% 14px;
}

@-WebKit они-ключевые кадры кольцо {
0% { -в WebKit-преобразования: rotateZ(0); }
1%, 9% { -в WebKit-преобразования: rotateZ(30 градусов); }
3% { -в WebKit-преобразования: rotateZ(-28deg); }
5% { -в WebKit-преобразования: rotateZ(34deg); }
7% { -в WebKit-преобразования: rotateZ(-32deg); }
11% { -в WebKit-преобразования: rotateZ(-28deg); }
13% { -в WebKit-преобразования: rotateZ(26deg); }
15% { -в WebKit-преобразования: rotateZ(-24deg); }
17% { -в WebKit-преобразования: rotateZ(22deg); }
19% { -в WebKit-преобразования: rotateZ(-20deg); }
21% { -в WebKit-преобразования: rotateZ(18deg); }
23% { -в WebKit-преобразования: rotateZ(-16deg); }
25% { -в WebKit-преобразования: rotateZ(14deg); }
27% { -в WebKit-преобразования: rotateZ(-12deg); }
29% { -в WebKit-преобразования: rotateZ(10deg); }
31% { -в WebKit-преобразования: rotateZ(-8deg); }
33% { -в WebKit-преобразования: rotateZ(6deg); }
35% { -в WebKit-преобразования: rotateZ(-4deg); }
37% { -в WebKit-преобразования: rotateZ(2deg); }
39% { -в WebKit-преобразования: rotateZ(-1 градус); }
41% { -в WebKit-преобразования: rotateZ(1 градус); }
43% { -в WebKit-преобразования: rotateZ(0); }
100% { -в WebKit-преобразования: rotateZ(0); }
}

@-МОЗ-кадры кольцо {
0% { -МОЗ-преобразования: поворот(0); }
1%, 9% { -МОЗ-преобразования: поворот(30 градусов); }
3% { -МОЗ-преобразования: поворот(-28deg); }
5% { -МОЗ-преобразования: поворот(34deg); }
7% { -МОЗ-преобразования: поворот(-32deg); }
11% { -МОЗ-преобразования: поворот(-28deg); }
13% { -МОЗ-преобразования: поворот(26deg); }
15% { -МОЗ-преобразования: поворот(-24deg); }
17% { -МОЗ-преобразования: поворот(22deg); }
19% { -МОЗ-преобразования: поворот(-20deg); }
21% { -МОЗ-преобразования: поворот(18deg); }
23% { -МОЗ-преобразования: поворот(-16deg); }
25% { -МОЗ-преобразования: поворот(14deg); }
27% { -МОЗ-преобразования: поворот(-12deg); }
29% { -МОЗ-преобразования: поворот(10deg); }
31% { -МОЗ-преобразования: поворот(-8deg); }
33% { -МОЗ-преобразования: поворот(6deg); }
35% { -МОЗ-преобразования: поворот(-4deg); }
37% { -МОЗ-преобразования: поворот(2deg); }
39% { -МОЗ-преобразования: поворот(-1 градус); }
41% { -МОЗ-преобразования: поворот(1 градус); }
43% { -МОЗ-преобразования: поворот(0); }
100% { -МОЗ-преобразования: поворот(0); }
}

@ключевыми кадрами кольцо {
0% {- преобразования: поворот(0); }
1%, 9% { преобразования: поворот(30 градусов); }
3% { преобразования: поворот(-28deg); }
5% { преобразования: поворот(34deg); }
7% { преобразования: поворот(-32deg); }
9% { преобразования: поворот(30 градусов); }
11% { преобразования: поворот(-28deg); }
13% { преобразования: поворот(26deg); }
15% { преобразования: поворот(-24deg); }
17% { преобразования: поворот(22deg); }
19% { преобразования: поворот(-20deg); }
21% { преобразования: поворот(18deg); }
23% { преобразования: поворот(-16deg); }
25% { преобразования: поворот(14deg); }
27% { преобразования: поворот(-12deg); }
29% { преобразования: поворот(10deg); }
31% { преобразования: поворот(-8deg); }
33% { преобразования: поворот(6deg); }
35% { преобразования: поворот(-4deg); }
37% { преобразования: поворот(2deg); }
39% { преобразования: поворот(-1 градус); }
41% { преобразования: поворот(1 градус); }
43% { преобразования: поворот(0); }
100% { преобразования: поворот(0); }

</стиль>

<div стиль="обивка: 0px;">
тэгом <IMG класс="ст1" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n4.png" стиль="позицию:фиксированная; сверху: 0px;слева:250 пикселей;граница:нет;Z-индекса:6;"/></дел><стиль Тип="текст/CSS в">
.ст {

границы:3 пиксела твердых #BBBBBB;непрозрачность: 2.1;
-в WebKit-анимацией: кольцо 19с 19с легкость-в бесконечном;
-в WebKit-преобразования-происхождение: 50% 14px;
-МОЗ-анимация: кольцо 19с 19с легкость-в бесконечном;
-МОЗ-трансформировать-происхождение: 50% 14px;
анимация: кольцо 19с 19с легкость-в бесконечном;
преобразование происхождения: 50% 14px;
}


@-WebKit они-ключевые кадры кольцо {
0% { -в WebKit-преобразования: rotateZ(0); }
1%, 9% { -в WebKit-преобразования: rotateZ(30 градусов); }
3% { -в WebKit-преобразования: rotateZ(-28deg); }
5% { -в WebKit-преобразования: rotateZ(34deg); }
7% { -в WebKit-преобразования: rotateZ(-32deg); }
11% { -в WebKit-преобразования: rotateZ(-28deg); }
13% { -в WebKit-преобразования: rotateZ(26deg); }
15% { -в WebKit-преобразования: rotateZ(-24deg); }
17% { -в WebKit-преобразования: rotateZ(22deg); }
19% { -в WebKit-преобразования: rotateZ(-20deg); }
21% { -в WebKit-преобразования: rotateZ(18deg); }
23% { -в WebKit-преобразования: rotateZ(-16deg); }
25% { -в WebKit-преобразования: rotateZ(14deg); }
27% { -в WebKit-преобразования: rotateZ(-12deg); }
29% { -в WebKit-преобразования: rotateZ(10deg); }
31% { -в WebKit-преобразования: rotateZ(-8deg); }
33% { -в WebKit-преобразования: rotateZ(6deg); }
35% { -в WebKit-преобразования: rotateZ(-4deg); }
37% { -в WebKit-преобразования: rotateZ(2deg); }
39% { -в WebKit-преобразования: rotateZ(-1 градус); }
41% { -в WebKit-преобразования: rotateZ(1 градус); }
43% { -в WebKit-преобразования: rotateZ(0); }
100% { -в WebKit-преобразования: rotateZ(0); }
}

@-МОЗ-кадры кольцо {
0% { -МОЗ-преобразования: поворот(0); }
1%, 9% { -МОЗ-преобразования: поворот(30 градусов); }
3% { -МОЗ-преобразования: поворот(-28deg); }
5% { -МОЗ-преобразования: поворот(34deg); }
7% { -МОЗ-преобразования: поворот(-32deg); }
11% { -МОЗ-преобразования: поворот(-28deg); }
13% { -МОЗ-преобразования: поворот(26deg); }
15% { -МОЗ-преобразования: поворот(-24deg); }
17% { -МОЗ-преобразования: поворот(22deg); }
19% { -МОЗ-преобразования: поворот(-20deg); }
21% { -МОЗ-преобразования: поворот(18deg); }
23% { -МОЗ-преобразования: поворот(-16deg); }
25% { -МОЗ-преобразования: поворот(14deg); }
27% { -МОЗ-преобразования: поворот(-12deg); }
29% { -МОЗ-преобразования: поворот(10deg); }
31% { -МОЗ-преобразования: поворот(-8deg); }
33% { -МОЗ-преобразования: поворот(6deg); }
35% { -МОЗ-преобразования: поворот(-4deg); }
37% { -МОЗ-преобразования: поворот(2deg); }
39% { -МОЗ-преобразования: поворот(-1 градус); }
41% { -МОЗ-преобразования: поворот(1 градус); }
43% { -МОЗ-преобразования: поворот(0); }
100% { -МОЗ-преобразования: поворот(0); }
}

@ключевыми кадрами кольцо {
0% {- преобразования: поворот(0); }
1%, 9% { преобразования: поворот(30 градусов); }
3% { преобразования: поворот(-28deg); }
5% { преобразования: поворот(34deg); }
7% { преобразования: поворот(-32deg); }
9% { преобразования: поворот(30 градусов); }
11% { преобразования: поворот(-28deg); }
13% { преобразования: поворот(26deg); }
15% { преобразования: поворот(-24deg); }
17% { преобразования: поворот(22deg); }
19% { преобразования: поворот(-20deg); }
21% { преобразования: поворот(18deg); }
23% { преобразования: поворот(-16deg); }
25% { преобразования: поворот(14deg); }
27% { преобразования: поворот(-12deg); }
29% { преобразования: поворот(10deg); }
31% { преобразования: поворот(-8deg); }
33% { преобразования: поворот(6deg); }
35% { преобразования: поворот(-4deg); }
37% { преобразования: поворот(2deg); }
39% { преобразования: поворот(-1 градус); }
41% { преобразования: поворот(1 градус); }
43% { преобразования: поворот(0); }
100% { преобразования: поворот(0); }


</стиль>

<div стиль="обивка: 0px;">
тэгом <IMG класс="ст1" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n4.png" стиль="позицию:фиксированная; сверху: 0px;справа:310px;границы:нет;Z-индекса:5;"/></дел>
тэгом <IMG класс="ст" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n3.png" стиль="позицию:фиксированная; сверху: 0px;справа:620px;границы:нет;Z-индекса:9;"/><имг класс="ст" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n2.png" стиль="позицию:фиксированная; сверху: 0px;справа:470px;границы:нет;Z-индекса:9;"/><имг класс="ст2" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n3.png" стиль="позицию:фиксированный; топ: 0px;справа:170px;границы:нет;Z-индекса:9;"/><имг срц="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-к/Рождество-икона.ПНГ" стиль="позицию:фиксированная; сверху: 0px;слева:0px;границы:нет;Z-индекса:9;"Ширина="140"/><имг src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012" стиль="позицию:фиксированная; сверху: 0px;справа:0px;границы:нет;Z-индекса:5;"/><имг срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" стиль="позицию:фиксированная; сверху: 0px;справа:0px;границы:нет;Z-индекса:1;"/><имг срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" стиль="позицию:фиксированная; сверху: 0px;справа:810px;границы:нет;з-индекс:5;"/><имг срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" стиль="позицию:фиксированная; сверху: 0px;справа:210px;границы:нет;Z-индекса:5;"/><имг срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" стиль="позицию:фиксированная; сверху: 0px;справа:510px;границы:нет;Z-индекса:5;"/>


3. Звездная пыль, падающая с кончика курсора (видна на темном фоне):

<!-- Волшебная пыль начала -->
<сценарий типа= "текст/код JavaScript'>
// <![Тип CDATA[
Варе цвет="#ffffff";
вар сверкает=50;
/****************************
* Динь-Динь Волшебные Искры *
* (с) 2005 mf2fm Web-дизайн *
* http://www.mf2fm.com/rv *
* НЕ РЕДАКТИРУЙТЕ НИЖЕ ЭТОЙ КОРОБКЕ *
****************************/
вара х=вол=400;
вар у=ой=300;
вар swide=800;
вар shigh=600;
вар sleft=sdown=0;
вар крошечный=новый массив();
Варе звезда=новый массив();
вар starv=новый массив();
вар starx=новый массив();
вар Старый=Новый массив();
вар tinyx=новый массив();
вар tinyy=новый массив();
вар tinyv=новый массив();
окна.по событию onload=функция() { если (документ.метода getelementbyid) {
Варе я, крыс, имевший государственное значение, rdow;
для (вар я=0; я<искрится; я++) {
вар крысы=createDiv(3, 3);
крыс.стиль.видимость="скрытый";
документ.тела.метода appendchild(крошечный[я]=крысы);
starv[я]=0;
tinyv[я]=0;
вар крысы=createDiv(5, 5);
крыс.стиль.свойство backgroundcolor="прозрачный";
крыс.стиль.видимость="скрытый";
вар, имевший государственное значение=createDiv(1, 5);
вар rdow=createDiv(5, 1);
крыс.метода appendchild(имевший государственное значение);
крыс.метода appendchild(rdow);
имевший государственное значение.стиль.топ="2 пикселя";
имевший государственное значение.стиль.левая="0px";
rdow.стиль.топ="0px";
rdow.стиль.левая="2 пикселя";
документ.тела.метода appendchild(звезда[я]=крысы);
}
set_width();
Искра();
}}
функция Искра() {
вар с;
если (х!=бык || г!=ой) {
вол=х;
ой=у;
для (С=0; С<искрится; на C++) если (!starv[с]) {
звезда[Си].стиль.слева=(starx[с]=х)+"пикселей";
звезда[Си].стиль.топ=(старый[с]=у)+"пикселей";
звезда[Си].стиль.клип="прямоугольник rect(0px, 5px, 5px, 0px)";
звезда[Си].стиль.видимость="видимым";
starv[с]=50;
перерыва;
}
}
для (С=0; С<искрится; с++) {
если (starv[с]) update_star(с);
если (tinyv[с]) update_tiny(с);
}
функции settimeout("блеск()", 40);
}
update_star функция(я) {
если (--starv[я]==25) звезда[я].стиль.клип="прямоугольник(1 пиксел, 4px, 4px 1 пиксель)";
если (starv[я]) {
старый[я]+=1+Математика.случайный()*3;
если (старый[я]<shigh+sdown) {
звезда[я].стиль.топ=старый[я]+"пикселей";
starx[я]+=(Я%5-2)/5;
звезда[я].стиль.слева=starx[я]+"пикселей";
}
еще {
звезда[я].стиль.видимость="скрытый";
starv[я]=0;
возврат;
}
}
еще {
tinyv[я]=50;
крошечный[я].стиль.топ=(tinyy[я]=старый[я])+"пикселей";
крошечный[я].стиль.слева=(tinyx[я]=starx[я])+"пикселей";
крошечный[я].стиль.Ширина="2 пикселя";
крошечный[я].стиль.Высота="2 пикселя";
звезда[я].стиль.видимость="скрытый";
крошечный[я].стиль.видимость="видимый"
}
}
update_tiny функция(я) {
если (--tinyv[я]==25) {
крошечный[я].стиль.Ширина="1 пиксель";
крошечный[я].стиль.Высота="1 пиксель";
}
если (tinyv[я]) {
tinyy[я]+=1+Математика.случайный()*3;
если (tinyy[я]<shigh+sdown) {
крошечный[я].стиль.топ=tinyy[я]+"пикселей";
tinyx[я]+=(Я%5-2)/5;
крошечный[я].стиль.слева=tinyx[я]+"пикселей";
}
еще {
крошечный[я].стиль.видимость="скрытый";
tinyv[я]=0;
возврат;
}
}
еще крошечный[я].стиль.видимость="скрытый";
}
документ.метода onmousemove=мышь;
мыши функция(е) {
set_scroll();
у=(Е)?е.pageY:события.Y в+sdown;
х=(е)?е.pageX:события.х+sleft;
}
функция set_scroll() {
если (typeof на(собственной личности.pageYOffset)=="число") {
sdown=собственн.pageYOffset;
sleft=собственн.pageXOffset;
}
иначе если (документ.тела.scrollTop || документ.тела.scrollLeft) {
sdown=документ.тела.scrollTop;
sleft=документ.тела.scrollLeft;
}
иначе если (документ.функцию documentelement && (документ.функцию documentelement.scrollTop || документ.функцию documentelement.scrollLeft)) {
sleft=документ.функцию documentelement.scrollLeft;
sdown=документ.функцию documentelement.scrollTop;
}
еще {
sdown=0;
sleft=0;
}
}
окна.метода onresize=set_width;
функция set_width() {
если (typeof на(собственной личности.innerWidth)=="число") {
swide=собственн.innerWidth;
shigh=собственн.innerHeight;
}
иначе если (документ.функцию documentelement && документ.функцию documentelement.clientWidth) {
swide=документ.функцию documentelement.clientWidth;
shigh=документ.функцию documentelement.clientHeight;
}
иначе если (документ.тела.clientWidth) {
swide=документ.тела.clientWidth;
shigh=документ.тела.clientHeight;
}
}
функция createDiv(высота, ширина) {
вар, див=документ.ему("див");
див.стиль.позиция="Абсолют";
див.стиль.высота=высота+"пикселей";
див.стиль.Ширина=Ширина+"пикселей";
див.стиль.переполнение="скрытый";
див.стиль.свойство backgroundcolor=цвет;
возвращение (див);
}
// ]]>
</скрипт>

<!-- Волшебная пыль конец -->


4. Падающие снежинки голубые:

<див событие onclick="stopsnow()" идентификатор="снег- "пуск">Выкл. снег</дел>
<сценарий типа="текст/яваскрипт">
вар snowsrc="http://dperexvatov.com/blog/img/snow.png";
вара нет = 20;
вар лог = 0;
вар hidesnowtime = 0;
вар snowdistance = "windowheight";

вар ie4up = (документ.все) ? 1 : 0;
вар ns6up = (документ.метода getelementbyid&&!документ.все) ? 1 : 0;

функция iecompattest(){
возврат (документ.compatMode && документ.compatMode!="BackCompat")? документ.функцию documentelement : документ.тело
    }

вар ДХ, ХР, ИП;
вар-АМ, на STX, sty, что;
Варе я, doc_width = 800, doc_height = 600;

если (ns6up) {
doc_width = собственн.innerWidth;
doc_height = собственн.innerHeight;
} иначе если (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
  }

ДХ = новый массив();
ХР = новый массив();
мс = новый массив();
АМ = новый массив();
компания STX = новый массив();
ПВЛ = новый массив();
snowsrc=(snowsrc.помощи indexof("dperexvatov.com")!= 1)? "http://dperexvatov.com/blog/img/snow.png" : snowsrc
для (я = 0; я < Нет; я++) {
ДХ[я] = 0;
ХР[я] = Математика.случайный()*(doc_width-50);
ИП[я] = Математика.случайный()*doc_height;
утра[я] = Математика.случайный()*20;
компания STX[я] = 0.02 + Математика.случайный()/10;
ПВЛ[я] = 0.7 + Математика.случайный();
если (ie4up||ns6up) {
если (я == 0) {
документ.писать("<див ИД=\"точка"+ я +"\" стиль=\"должность: фиксированная; Z-индекса: "+ я +"; видимость: видимый; ТОП: 15px; слева: 15px;\"><имг срц='"+snowsrc+"' границы=\"0\"><\/тег div>");
} еще {
документ.писать("<див ИД=\"точка"+ я +"\" стиль=\"должность: фиксированная; Z-индекса: "+ я +"; видимость: видимый; ТОП: 15px; слева: 15px;\"><имг срц='"+snowsrc+"' границы=\"0\"><\/тег div>");
      }
    }
  }

функция snowIE_NS6() {
doc_width = ns6up?окна.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(окно.innerHeight && snowdistance=="windowheight")? окна.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !окна.опера && snowdistance=="параметры pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
для (я = 0; я < Нет; я++) {
ИП[я] += ПВЛ[я];
если (Ю. п.[я] > doc_height-50) {
ХР[я] = Математика.случайный()*(doc_width-есмь[я]-30);
ИП[я] = 0;
компания STX[я] = 0.02 + Математика.случайный()/10;
ПВЛ[я] = 0.7 + Математика.случайный();
      }
ДХ[я] += верфи STX[я];
документ.метода getelementbyid("точка"+я).стиль.топ=ИП[я]+"пикселей";
документ.метода getelementbyid("точка"+я).стиль.слева=ХР[я] + Я[Я]*Математика.грех(DX и[я])+"пикселей";
    }
snowtimer=функции settimeout("snowIE_NS6()", 10);
  }

функция hidesnow(){
если (окна.snowtimer) clearTimeout(snowtimer)
для (я=0; я<Нет; я++) документа.метода getelementbyid("точка"+я).стиль.видимость="скрытый";
    }

если (ie4up||ns6up){
snowIE_NS6();
если (hidesnowtime>0)
функции settimeout("hidesnow()", hidesnowtime*1000);
        }
функция stopsnow(){
если (лог==0){
для (я=0; я<Нет; я++) документа.метода getelementbyid("точка"+я).стиль.видимость="скрытый";
нет = 0;
лог = 1;
документ.метода getelementbyid('снег-старт").помощью innerhtml ='Вкл. снег';
  }
еще { лог = 0; Нет = 20; для (я=0; я<Нет; я++) документа.метода getelementbyid("точка"+я).стиль.видимость="видимым";
документ.метода getelementbyid('снег-старт").помощью innerhtml ='Выкл. снег';

  }

 }
</скрипт>
<a ИД="копировать" в href="" >украшение для блога</а>
<стиль>
#снег-начало{
справочная информация: в rgba(27, 25, 25, 0.4);
Цвет: белый;
дисплей: встроенный блок;
Ширина: 100 пикселей;
текст-выровняйте: центр;
курсор: указатель;
линия-высота: 25 пикселей;
положение: фиксированная;
право: 0px;
топ: 0px;
радиус границы: 0px 0px 0px 9px;
}
#скопируйте{
цвет: в rgba(20, 16, 16, 0);
размер шрифта: 7px;
положение: фиксированная;
текст-украшения: нет;
топ: 24px;
справа: 2 пикселя;
}
</стиль>


5. Новогодний плеер с песней "Новый год"




<codebase тега Object="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" данных="http://music.privet.ru/swf/mp3player.swf" высота="18" Тип="применение/х-ударно-вспышка" Ширина="250"><имя param="фильм" значение="http://music.privet.ru/swf/mp3player.swf"><имя param="flashvars с"
value="autostart=true&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat18.privet.ru%2Fmp3%2F0a30f17a8313527f722735e6bf93f376&type=mp3&id=314506830&callback=http://music.privet.ru/callback.php&backcolor=0xffdb58&frontcolor=0х ffd700 &lightcolor=0 х ffbf00" /><встроить в src="http://music.privet.ru/swf/mp3player.swf" Ширина="470" высота="75"
flashvars="autostart=true&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat18.privet.ru%2Fmp3%2F0a30f17a8313527f722735e6bf93f376&type=mp3&id=314506830&callback==http://music.privet.ru/callback.php&backcolor=0xffdb58&frontcolor=0х ffd700&lightcolor=0 х ffbf00" Тип="применение/х-ударно-вспышка" pluginspage="http://www.macromedia.com/go/getflashplayer" /></объект>

  автозапуск=истина - это автоматический запуск плеера
А если написать автозапуск=ложь - то его придется запускать вручную.

В коде прописан запуск 2 раза и соответственно, если будете менять его, то надо поменять в 2-х местах.

Поставьте на свои блоги украшения блога к новому году и встречайте праздники в хорошем настроении.


4 комментария :

  1. Огромное спасибо Татьяна за красивые украшения для блога! Я установила и очень рада такой красоте!

    ОтветитьУдалить
  2. Пользуйтесь, Тамара! Праздник замечательный и настроение должно быть праздничным! Всего Вам доброго и светлого!

    ОтветитьУдалить
  3. Спасибо , очень интересно!

    ОтветитьУдалить
  4. Конечно, это не мои произведения, но источник я указала.

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

Related Posts Plugin for WordPress, Blogger...