Как изменить размер снежинок (падающий снег)?

голоса: 0
Как сделать падающие снежинки более мелкими? Это возможно? Дизайн #805
| Автор: | Категория: Дизайн сайта
предоставьте ссылку на сайт, дизайн тут не при чем

Ответов: 1

Голоса: +1
 
Лучший ответ

1. Скачиваем все картинки снега:
http://shkola93vrn.ucoz.ru/.s/wid/2/flake1.gif
http://shkola93vrn.ucoz.ru/.s/wid/2/flake2.gif
http://shkola93vrn.ucoz.ru/.s/wid/2/flake3.gif
http://shkola93vrn.ucoz.ru/.s/wid/2/flake4.gif
http://shkola93vrn.ucoz.ru/.s/wid/2/flake5.gif
уменьшаем их в любом удобном для вас графическом редакторе, например paint, даже можно изменить цвет.

2. Создаем папку в вашем файловом менеджере под названием например sneg.
3. заливаем туда картинки, которые вы отредактировали в редакторе.
4. Создаем текстовый файл на рабочем столе с названием sneg, помещаем туда код вашего виджета:
 

(function() {var pars=[0,'15'];
var no = pars[1];
var speed = 20;

snowflake=new Array(5)
snowflake[0]="/.s/wid/2/flake1.gif"
snowflake[1]="/.s/wid/2/flake2.gif"
snowflake[2]="/.s/wid/2/flake3.gif"
snowflake[3]="/.s/wid/2/flake4.gif"
snowflake[4]="/.s/wid/2/flake5.gif"

var dx, xp, yp;
var am, stx, sty;
var i;
var scroll_value;

var html = document.documentElement;
var doc_width  = document.body.clientWidth;
var doc_height = document.body.clientHeight;

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
	dx[i] = 0;
	xp[i] = Math.random()*(doc_width-50);
	yp[i] = Math.random()*doc_height;
	am[i] = Math.random()*20;
	stx[i] = 0.02 + Math.random()/10;
	sty[i] = 0.7 + Math.random();

	var P=Math.floor(Math.random()*snowflake.length);
	rndPic=snowflake[P];
	document.write("<div id='dot"+i+"' style='position:absolute;left:15px;top:15px;'><img alt='' src='"+rndPic+"' border='0'></div>");
}

function snow_dfd() {
	for (i = 0; i < no; ++ i) {
	yp[i] += sty[i];

	if (document.body.scrollTop>0) { scroll_value = (doc_height+document.body.scrollTop)-55;} else {scroll_value = doc_height-55;}

	if (yp[i] > scroll_value) {
	xp[i] = Math.random()*(doc_width - am[i]-30);
	yp[i] = 0;
	stx[i] = 0.02 + Math.random()/10;
	sty[i] = 0.7 + Math.random();
	}
	dx[i] += stx[i];
	document.getElementById("dot"+i).style.top = yp[i] + "px";
	document.getElementById("dot"+i).style.left = ((xp[i] + am[i]*Math.sin(dx[i])) - 50) + "px";
	}
	setTimeout("window.snow_dfd()", speed);
}
snow_dfd();
window.snow_dfd=snow_dfd;
})();

то, что я в коде выделил жирным в коде

/.s/wid/2/flake1.gif
/.s/wid/2/flake2.gif
/.s/wid/2/flake3.gif
/.s/wid/2/flake4.gif
/.s/wid/2/flake5.gif

 

заменяем на ссылки ваших картинок, которые вы залили в файловый менеджер, должно получится так
 

http://shkola93vrn.ucoz.ru/sneg/flake1.gif итд

Сохраняете докумет, меняете расширение файла txt на js, заливаете его в ту же папку sneg в ваш файловый менеджер, потом идете в дизайн-управление дизайном (шаблоны), находите там код:


<script type="text/javascript" src="/widget/?2;15"></script>

и меняете его на


<script type="text/javascript" src="shkola93vrn.ucoz.ru/sneg/sneg.js"></script>

сохраняете

 

| Автор:
Выбор ответа лучшим | | Автор: Роман
...