CMS Eleanor - Поиск
Полная версия этой страницы: Официальный форум Eleanor CMS » Снежинки на сайте
Официальный форум Eleanor CMS » Поддержка пользователей системы Eleanor CMS » Использование системы
Страницы: 1, 2
nik830
Добрый день.Суть просьбы такова:Сайт детского сада и на носу Новый год,хотелось бы украсить сайт падающими снежинками.В инете много всяких скриптов но почему то у меня не получилось правильно его установить, что бы скрипт заработал.Просьба если у кого есть нормальный скрипт со снежинками поделитесь!И самое главное как его правильно внедрить в елеанор ,что бы он заработал.Заранее благодарен!
termit
Создай блок без оформления и всунь туда следующее...
<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05&#39; by DD. This notice must stay intact for use
******************************************/
  
  //Configure below to change URL path to the snow image
  var snowsrc="http://tcse-cms.com/sneg/sneg.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

	function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

  var dx, xp, yp;	// coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
	doc_width = self.innerWidth;
	doc_height = self.innerHeight;
  } else if (ie4up) {
	doc_width = iecompattest().clientWidth;
	doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {  
	dx[i] = 0;						// set coordinate variables
	xp[i] = Math.random()*(doc_width-50);  // set position variables
	yp[i] = Math.random()*doc_height;
	am[i] = Math.random()*20;		 // set amplitude variables
	stx[i] = 0.02 + Math.random()/10; // set step variables
	sty[i] = 0.7 + Math.random();	 // set step variables
		if (ie4up||ns6up) {
	  if (i == 0) {
		document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src=&#39;"+snowsrc+"&#39; border=\"0\"><\/a><\/div>");
	  } else {
		document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=&#39;"+snowsrc+"&#39; border=\"0\"><\/div>");
	  }
	}
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
	doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
	for (i = 0; i < no; ++ i) {  // iterate for every dot
	  yp[i] += sty[i];
	  if (yp[i] > doc_height-50) {
		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])+"px";  
	}
	snowtimer=setTimeout("snowIE_NS6()", 10);
  }

	function hidesnow(){
		if (window.snowtimer) clearTimeout(snowtimer)
		for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
	}
		

if (ie4up||ns6up){
	snowIE_NS6();
		if (hidesnowtime>0)
		setTimeout("hidesnow()", hidesnowtime*1000)
		}

</script>
Screatch
Опробовал, получилось только когда вставил код в шаблон index.php
nik830
Описываю подробно ,как я делаю! Создаю блок : В закладке ОБЩИЕ называю "снег" Тип- "Админский хедер ,Тип содержимого вибираю "текст" и вставляю туда скрипт. В закладке "Опции" ставлю галочку "Не применять оформление" и "без заголовка"
Сам скрипт вставлял с обрамлением [dohtml]скрипт[/dohtml]
скрипт соde скрипт /code И без ничего, голый вставлял,- Снега НЕТУ!!!
Что я не так делаю?
nik830
Цитата (Screatch @ 19.12.2009, 15:39)
Опробовал, получилось только когда вставил код в шаблон index.php


А там куда вставлять? В любое место?
Screatch
index.php, куда нибудь в body..
nik830
Цитата (Screatch @ 19.12.2009, 16:01)
index.php, куда нибудь в body..

Нет худа без добра))) Снег пошел,но зато пропадают все блоки с правой стороны! :diablo:
И с body и без и в подвал и в шапку вставлял.Или не грузится сайт или нет правой стороны блин.......!!! :cray:

Может что добавить надо? Или в самом скрипте подправить?
Alexander
Создайте обычный файловый блок, в который тупо засуньте скрипт выше. И не нужно баловаться с этими [ dohtml].

ЗЫ. Кстати, вчера сам пытался найти какой-нибудь хороший скрипт падающих снежинок. Но все они написаны на один манер: все снежинки движутся по синусоиде сверху вниз. Максимум, на что хватает ума - это сделать разную скорость и разные картинки. И так с 2003 года:одно и то же. А так хочется ветра, несинусоидального падения... Может есть у кого?
nik830
Цитата (Alexander @ 19.12.2009, 17:32)
Создайте обычный файловый блок, в который тупо засуньте скрипт выше. И не нужно баловаться с этими [ dohtml].

ЗЫ. Кстати, вчера сам пытался найти какой-нибудь хороший скрипт падающих снежинок. Но все они написаны на один манер: все снежинки движутся по синусоиде сверху вниз. Максимум, на что хватает ума - это сделать разную скорость и разные картинки. И так с 2003 года:одно и то же. А так хочется ветра, несинусоидального падения... Может есть у кого?


Все заработало!Спасибо!
Screatch
Alexander, вот например..
http://www.schillmania.com/projects/snowstorm/
karbon
Screatch, о спс) давно искал подобную вещь...
Alexander
Цитата (Screatch @ 20.12.2009, 2:07)
Alexander, вот например..

Лучше. Но тут снежинки летят про прямой линии, которая зависит от положения мыши по горизонтали. Но лампочки наверху - прикольно :)
karbon
Цитата (Alexander @ 20.12.2009, 4:19)
Лучше. Но тут снежинки летят про прямой линии, которая зависит от положения мыши по горизонтали. Но лампочки наверху - прикольно smile.gif

А тебе нужен, я так понимаю, эффект метели/рэндомного завихрения снега?
karbon
Вот пока так...
http://dump.ru/file/3975755
не реагирует на мышь, немного эффект рэндома

ещё 1 вариант
http://dump.ru/file/3975759
karbon
вот stable: :D
http://dump.ru/file/3975766
Screatch
Цитата
Лучше. Но тут снежинки летят про прямой линии, которая зависит от положения мыши по горизонтали. Но лампочки наверху - прикольно smile.gif

Все параметры меняются, количество снега, насколько сильный ветер, и будет ли снег двигаться при движении мышки, его цвет, сделать ветер полностью случайным и ещё куча всего.. почитай там на странице.
Alexander
Цитата (karbon @ 20.12.2009, 3:42)
А тебе нужен, я так понимаю, эффект метели/рэндомного завихрения снега?

Да. Именно.
SeverskLine
Люди добрый, объясните доступно как к Uniel прикрутить этот скрпит, чтобы и снег шел и еще лампочки вверху были :rolleyes:
karbon
Цитата (Screatch @ 20.12.2009, 12:15)
Все параметры меняются, количество снега, насколько сильный ветер, и будет ли снег двигаться при движении мышки, его цвет, сделать ветер полностью случайным и ещё куча всего.. почитай там на странице.

Ага, там легко всё изменяется, можно отключить реакцию на мышь, и в коде поменять функцию выбора направления...
Я в этом архивчике, что выше выложил примерно это и сделал... Хотя конечно не то что в идеале хотелось...
nik830
Цитата (karbon @ 20.12.2009, 4:15)


Скачать не возможно антивирь кричит, что это вредоносный сайт!
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.