Перейти к содержимому


Скрипт


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 30

#1 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 05 Декабрь 2012 - 19:00

Здравствуйте! Решил подключить скрипт падающего снега на сайт. Помогите реализовать....
Тема, естественно, "Сияние"
Вот, собственно, сам скрипт
<SCRIPT type=text/javascript> 
// Скрипт снега 
var snowmax=30 
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF") 
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") 
var snowletter="*" 
var sinkspeed=0.9 
var snowmaxsize=22 
var snowminsize=8 
var snowingzone=1 
var snow=new Array() 
var marginbottom 
var marginright 
var timer 
var i_snow=0 
var x_mv=new Array(); 
var crds=new Array(); 
var lftrght=new Array(); 
var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) 
var ns6=document.getElementById&&!document.all 
var opera=browserinfos.match(/Opera/) 
var browserok=ie5||ns6||opera 
function randommaker(range) { 
rand=Math.floor(range*Math.random()) 
return rand 
} 
function initsnow() { 
if (ie5) { 
marginbottom = document.body.clientHeight 
marginright = document.body.clientWidth 
} 
else if (ns6) { 
marginbottom = document.body.clientHeight 
marginright = window.innerWidth 
} 
else if (opera) { 
marginbottom = document.documentElement.clientHeight 
marginright = document.body.clientWidth 
} 
var snowsizerange=snowmaxsize-snowminsize 
for (i=0;i<=snowmax;i++) { 
crds[i] = 0; 
lftrght[i] = Math.random()*15; 
x_mv[i] = 0.03 + Math.random()/10; 
snow[i]=document.getElementById("s"+i) 
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] 
snow[i].size=randommaker(snowsizerange)+snowminsize 
snow[i].style.fontSize=snow[i].size 
snow[i].style.color=snowcolor[randommaker(snowcolor.length)] 
snow[i].sink=sinkspeed*snow[i].size/5 
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} 
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} 
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} 
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} 
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) 
snow[i].style.left=snow[i].posx 
snow[i].style.top=snow[i].posy 
} 
movesnow() 
} 
function movesnow() { 
for (i=0;i<=snowmax;i++) { 
crds[i] += x_mv[i]; 
snow[i].posy+=snow[i].sink 
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); 
snow[i].style.top=snow[i].posy 
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ 
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} 
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} 
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} 
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} 
snow[i].posy=0 
} 
} 
var timer=setTimeout("movesnow()",50) 
} 
for (i=0;i<=snowmax;i++) { 
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") 
} 
if (browserok) { 
window.onload=initsnow 
} 
</SCRIPT>


#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 05 Декабрь 2012 - 20:06

Просмотр сообщенияМихаил Бойков (05 Декабрь 2012 - 19:00) писал:

Здравствуйте! Решил подключить скрипт падающего снега на сайт. Помогите реализовать....
Тема, естественно, "Сияние"
Вот, собственно, сам скрипт
<SCRIPT type=text/javascript>
// Скрипт снега
var snowmax=30
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
var sinkspeed=0.9
var snowmaxsize=22
var snowminsize=8
var snowingzone=1
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = document.body.clientHeight
marginright = window.innerWidth
}
else if (opera) {
marginbottom = document.documentElement.clientHeight
marginright = document.body.clientWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</SCRIPT>

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

#3 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 05 Декабрь 2012 - 20:10

Просмотр сообщенияМихаил Бойков (05 Декабрь 2012 - 19:00) писал:

Здравствуйте! Решил подключить скрипт падающего снега на сайт. Помогите реализовать....
Тема, естественно, "Сияние"
Вот, собственно, сам скрипт


Данный скрипт у меня не заработал. Но я могу Вам предложить другой.
Скачайте файлы, которые прикреплены к данному сообщению и загрузите их на свой сайт. Далее в шаблоне HTML после <body> вставьте строчку
<SCRIPT language=javascript src="{ASSETS_JS_PATH}snow.js" type=text/javascript></SCRIPT>
Сохранить

Прикрепленные файлы



#4 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 05 Декабрь 2012 - 22:03

Просмотр сообщенияsupport 2.0 (05 Декабрь 2012 - 20:10) писал:

Данный скрипт у меня не заработал. Но я могу Вам предложить другой.
Скачайте файлы, которые прикреплены к данному сообщению и загрузите их на свой сайт. Далее в шаблоне HTML после <body> вставьте строчку
<SCRIPT language=javascript src="{ASSETS_JS_PATH}snow.js" type=text/javascript></SCRIPT>
Сохранить
Спасибо, но это не то, что мне надо :(
Вот тут http://buzzman.ru/sneg-na-saite человек объясняет, как поставить, но не совсем понятно, куда этот код надо вставлять

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Декабрь 2012 - 06:30

Вам необходимо скачать http://buzzman.ru/wp...ploads/snow.rar далее загрузить изображения из архива в разделе редактора тем, и загрузить файл snow.js в разделе редактора тем. Далее в шаблоне "HTML" после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставить

<script type="text/javascript" src="{ASSETS_JS_PATH}snow.js"></script>

Далее в файл стилей main.css добавить

#snow div {
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
}
#snow .front {
background: url({ASSETS_IMAGES_PATH}front-snow.png) repeat 50% 0px;
}
#snow .back {
background: url({ASSETS_IMAGES_PATH}back-snow.png) repeat 50% 0px;
}

далее в шаблоне "HTML" после строки <body> вставить

<div id="snow">
<div class="front"></div>
<div class="back"></div>
</div>


#6 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 06 Декабрь 2012 - 11:14

Не работает :(
Номер аккаунта #SL-157456

#7 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Декабрь 2012 - 13:30

Просмотр сообщенияVaccina (01 Декабрь 2012 - 05:54) писал:

Для реализации формы заказа необходимо в шаблоне "Товары" найти

<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>

По необходимости удалить данный код, это удалит кнопку в корзину, если она вам не нужна. Далее разместить рядом


<div class="iframe_block_order" style="display:none;"><center>
<form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data">
		 <div class="section-caption c-orange"><strong>Быстрый заказ<br /><span class="form_product_name"></span></strong></div>
				 <div class="iframe_click">
				 <input type="hidden" name="hash" value="{HASH}" />
				 {% IF FORM_SEND_OK %}
				 <h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
				 <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
				 {% ELSE %}
				 <input id="feedback_name" name="form[feedback_name]" value="Имя" maxlength="50" minlength="3" class="input required" />
				 <input id="feedback_message" name="form[feedback_message]" class="required" value="Телефон" minlength="5" />
				 <input id="feedback_еmail" name="form[feedback_email]" value="Адрес email" maxlength="255" minlength="5" class="input" />
				 <input type="button" class="button_med" value="Заказать" onclick="$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center>Подождите, идет отправка формы...</center>');$(this).closest('form').submit();"/>
<p>*не забудьте оставить свой контактный телефон для подтверждения заказа</p>
				 {% ENDIF %}
				 </div>
				 </form>
			 </center></div>
<a class="readmore" id="fastorder" href="#fastorder">Заказать</a>
<script type="text/javascript">
$('a#fastorder').click(function(e) {
$('.form_product_name').text($(this).closest('.goodsListItem').find('.goodsListItemName a').text());
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script>

Просмотр сообщенияZmey3945 (06 Декабрь 2012 - 07:34) писал:

а если я допустим на тарифе "базовый" я плочу 250р в месяц, и у меня не болит голова больше не о чем?! Оплата за домен (shop.ru) + услуги "storeland" или всеже 600р домен и +250 за тариф?!

Просмотр сообщенияМихаил Бойков (06 Декабрь 2012 - 11:14) писал:

Не работает :(
Номер аккаунта #SL-157456

1. Куда Вы загрузили изображение для данного скрипта front-snow.png и back-snow.png
По заданном пути я его не вижу (Ваш сайт/web/upload/assets/images/158/157456/front-snow.png)

2. На скриншоте видно как отображается Ваш сайт на моем компьютере. При меньше разрешении все хорошо, но как только разрешение больше размера изображения, получается вот такая картина. Думаю, нужно это исправить, иначе пользователи могут уйти с вашего сайта увидев такую недоработку

Прикрепленные изображения

  • ScreenShot 20.jpg


#8 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 06 Декабрь 2012 - 14:41

Просмотр сообщенияsupport 2.0 (06 Декабрь 2012 - 13:30) писал:

1. Куда Вы загрузили изображение для данного скрипта front-snow.png и back-snow.png
По заданном пути я его не вижу (Ваш сайт/web/upload/assets/images/158/157456/front-snow.png)
Плохо значит смотрели. Там они у меня оба и лежат, только что проверял

Просмотр сообщенияsupport 2.0 (06 Декабрь 2012 - 13:30) писал:


2. На скриншоте видно как отображается Ваш сайт на моем компьютере. При меньше разрешении все хорошо, но как только разрешение больше размера изображения, получается вот такая картина. Думаю, нужно это исправить, иначе пользователи могут уйти с вашего сайта увидев такую недоработку
Каким образом я это исправлю, если изображение фиксированное? Я ставил под свое разрешение и если я сделаю больше, то уже у пользователей с таким, как у меня разрешением, он будет отображаться некорректно

#9 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Декабрь 2012 - 16:06

Просмотр сообщенияМихаил Бойков (06 Декабрь 2012 - 14:41) писал:

Плохо значит смотрели. Там они у меня оба и лежат, только что проверял


Каким образом я это исправлю, если изображение фиксированное? Я ставил под свое разрешение и если я сделаю больше, то уже у пользователей с таким, как у меня разрешением, он будет отображаться некорректно

вот так отображается Ваше изображение


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

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

Прикрепленные изображения

  • ScreenShot 21.jpg


#10 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 06 Декабрь 2012 - 17:56

Просмотр сообщенияsupport 2.0 (06 Декабрь 2012 - 16:06) писал:

вот так отображается Ваше изображение
Сейчас нормально отображается, но скрипт все равно не работает!
И лучше бы было, если бы вы по одному на каждую отдельную тему отвечали, а то такое чувство складывается, что у вас неразбериха с саппортом :blink:

#11 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Декабрь 2012 - 18:28

Если честно, я не могу найти причину почему у Вас не загружается этот скрипт. Только что поставила на сайт его, согласно инструкции, которую предложила Vaccina. Попробуйте все проделать еще раз. Но также, я предполагаю, что проблема может быть вызвана и Вашем изменением фона. Точного ответа на этот вопрос у меня нет

#12 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 06 Декабрь 2012 - 19:40

Просмотр сообщенияsupport 2.0 (06 Декабрь 2012 - 18:28) писал:

проблема может быть вызвана и Вашем изменением фона
я тоже так думаю....
Vaccina, подскажите, что можно замутить

#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Декабрь 2012 - 07:02

Вы добавили HTML комментарий в файл стилей main.css

<!-- Снег -->

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

#snow div {
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
}

После задайте любому блоку id="title" так как данный код будет работать только когда наводишь на определенный блок. Можно задать этот id для <body> или шапки

#14 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 07 Декабрь 2012 - 12:55

Нашел шикарный скрипт снежинок!
Шикарность его заключается в том, что не надо закидывать никаких картинок, прописывать всякие идентификаторы, тем самым засоряя весь код + скрипт намного быстрее подгружается, что служит быстрой загрузки всей страницы в целом!
Падающие снежинки не являются изображениями. а это обычные символы шрифта (звездочки <*>)
То есть форма снежинок зависит от настроенного в скрипте шрифта.Кроме формы снежинок, можно задать цвет, размер, количество и скорость падения.
Сам скрипт на буржуйском, но кто хоть немного изучал html и css, поймет, что и где надо менять.
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times")
// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximum-size of your snowflakes
var snowmaxsize=35
// Set the minimal-size of your snowflakes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
А вот и сам скрипт
/*
Snow Fall 1 - no images - Java Script
Visit http://rainbow.arch.scriptmania.com/scripts/
  for this script and many more
*/
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times")
// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximum-size of your snowflakes
var snowmaxsize=35
// Set the minimal-size of your snowflakes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
		rand=Math.floor(range*Math.random())
	return rand
}
function initsnow() {
		if (ie5 || opera) {
				marginbottom = document.body.scrollHeight
				marginright = document.body.clientWidth-15
		}
		else if (ns6) {
				marginbottom = document.body.scrollHeight
				marginright = window.innerWidth-15
		}
		var snowsizerange=snowmaxsize-snowminsize
		for (i=0;i<=snowmax;i++) {
				crds[i] = 0;
			lftrght[i] = Math.random()*15;
			x_mv[i] = 0.03 + Math.random()/10;
				snow[i]=document.getElementById("s"+i)
				snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
				snow[i].size=randommaker(snowsizerange)+snowminsize
				snow[i].style.fontSize=snow[i].size+'px';
				snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
				snow[i].style.zIndex=1000
				snow[i].sink=sinkspeed*snow[i].size/5
				if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
				if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
				if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
				if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
				snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
				snow[i].style.left=snow[i].posx+'px';
				snow[i].style.top=snow[i].posy+'px';
		}
		movesnow()
}
function movesnow() {
		for (i=0;i<=snowmax;i++) {
				crds[i] += x_mv[i];
				snow[i].posy+=snow[i].sink
				snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
				snow[i].style.top=snow[i].posy+'px';
				if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
						if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
						if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
						if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
						if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
						snow[i].posy=0
				}
		}
		var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
		document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
		window.onload=initsnow
}
Копируем его в блокнот и сохраняем как snow-fall.js
Далее загружаем его в свою тему и редактируем файл с названием HTML
После этого кода
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставляем
<script src="{ASSETS_JS_PATH}snow-fall.js" type="text/javascript"></script>
Profit!

#15 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 07 Декабрь 2012 - 13:09

Просмотр сообщенияМихаил Бойков (07 Декабрь 2012 - 12:55) писал:

Нашел шикарный скрипт снежинок!
Шикарность его заключается в том, что не надо закидывать никаких картинок, прописывать всякие идентификаторы, тем самым засоряя весь код + скрипт намного быстрее подгружается, что служит быстрой загрузки всей страницы в целом!
Падающие снежинки не являются изображениями. а это обычные символы шрифта (звездочки <*>)
То есть форма снежинок зависит от настроенного в скрипте шрифта.Кроме формы снежинок, можно задать цвет, размер, количество и скорость падения.
Сам скрипт на буржуйском, но кто хоть немного изучал html и css, поймет, что и где надо менять.
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times")
// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximum-size of your snowflakes
var snowmaxsize=35
// Set the minimal-size of your snowflakes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
А вот и сам скрипт
/*
Snow Fall 1 - no images - Java Script
Visit http://rainbow.arch.scriptmania.com/scripts/
for this script and many more
*/
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times")
// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximum-size of your snowflakes
var snowmaxsize=35
// Set the minimal-size of your snowflakes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
	 rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
	 if (ie5 || opera) {
			 marginbottom = document.body.scrollHeight
			 marginright = document.body.clientWidth-15
	 }
	 else if (ns6) {
			 marginbottom = document.body.scrollHeight
			 marginright = window.innerWidth-15
	 }
	 var snowsizerange=snowmaxsize-snowminsize
	 for (i=0;i<=snowmax;i++) {
			 crds[i] = 0;
		 lftrght[i] = Math.random()*15;
		 x_mv[i] = 0.03 + Math.random()/10;
			 snow[i]=document.getElementById("s"+i)
			 snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
			 snow[i].size=randommaker(snowsizerange)+snowminsize
			 snow[i].style.fontSize=snow[i].size+'px';
			 snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
			 snow[i].style.zIndex=1000
			 snow[i].sink=sinkspeed*snow[i].size/5
			 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
			 if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
			 if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
			 if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
			 snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
			 snow[i].style.left=snow[i].posx+'px';
			 snow[i].style.top=snow[i].posy+'px';
	 }
	 movesnow()
}
function movesnow() {
	 for (i=0;i<=snowmax;i++) {
			 crds[i] += x_mv[i];
			 snow[i].posy+=snow[i].sink
			 snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
			 snow[i].style.top=snow[i].posy+'px';
			 if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
					 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
					 if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
					 if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
					 if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
					 snow[i].posy=0
			 }
	 }
	 var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
	 document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
	 window.onload=initsnow
}
Копируем его в блокнот и сохраняем как snow-fall.js
Далее загружаем его в свою тему и редактируем файл с названием HTML
После этого кода
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставляем
<script src="{ASSETS_JS_PATH}snow-fall.js" type="text/javascript"></script>
Profit!

Конечно, данный скрипт совсем по-другому отображается на сайте, чем тот, но мы рады что у Вас получилось самостоятельно его реализовать.

#16 Михаил Бойков

Михаил Бойков

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 07 Декабрь 2012 - 14:49

Просмотр сообщенияsupport 2.0 (07 Декабрь 2012 - 13:09) писал:

Конечно, данный скрипт совсем по-другому отображается на сайте, чем тот, но мы рады что у Вас получилось самостоятельно его реализовать.
Ну, он и реализуется намного быстрее, чем тот) не надо нигде никаких идентификаторов прописывать!
1) загрузил сам скрипт
2)подключил его в основной файл
Profit
Щас еще хочу скрипт Деда Мороза запилить, для полной гармоничности :unsure:

#17 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 08 Декабрь 2012 - 09:52

Просмотр сообщенияМихаил Бойков (07 Декабрь 2012 - 14:49) писал:

Ну, он и реализуется намного быстрее, чем тот) не надо нигде никаких идентификаторов прописывать!
1) загрузил сам скрипт
2)подключил его в основной файл
Profit
Щас еще хочу скрипт Деда Мороза запилить, для полной гармоничности :unsure:

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

#18 NikaP

NikaP

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений

Отправлено 13 Декабрь 2012 - 13:01

Просмотр сообщенияМихаил Бойков (07 Декабрь 2012 - 12:55) писал:


Копируем его в блокнот и сохраняем как snow-fall.js
Далее загружаем его в свою тему и редактируем файл с названием HTML
После этого кода
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставляем
<script src="{ASSETS_JS_PATH}snow-fall.js" type="text/javascript"></script>
Profit!

Я тоже нашел этот скрипт на вот этом форуме http://syblog.ru/sneg-na-sajte/. однако, я просто его поставил после тега <body>.
Хотел бы узнать, как в админке подгрузить файл блокнот с этим кодом, чтобы не загромождать HTML. Я лично не вижу кнопку, чтобы загрузить файл в раздел стили и скрипты. Буду признателен за помощь.

Кстати, скрипт подгружается везде, за исключением страницы с товаром. А как у Вас, Михаил!
мой сайт http://gutenmarket.ru/

#19 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 13 Декабрь 2012 - 13:22

Просмотр сообщенияNikaP (13 Декабрь 2012 - 13:01) писал:

Я тоже нашел этот скрипт на вот этом форуме http://syblog.ru/sneg-na-sajte/. однако, я просто его поставил после тега <body>.
Хотел бы узнать, как в админке подгрузить файл блокнот с этим кодом, чтобы не загромождать HTML. Я лично не вижу кнопку, чтобы загрузить файл в раздел стили и скрипты. Буду признателен за помощь.

Кстати, скрипт подгружается везде, за исключением страницы с товаром. А как у Вас, Михаил!
мой сайт http://gutenmarket.ru/

Вы можете загрузить файл в корень сайта. Для этого зайдите в бэк-офис -> сайт -> файлы в корень сайта. Адрес этой страницы Вы можете прописать такого вида
href="/название страницы"
Если у Вас будет в этом файле скрипт, то тогда разрешение файла будет .js и его надо будет подключить в шаблоне HTML как подключены остальные файлы. Только адрес его будет такой, как я Вам написала выше.

#20 NikaP

NikaP

    Пользователь

  • Пользователи
  • PipPip
  • 38 сообщений

Отправлено 13 Декабрь 2012 - 14:28

Просмотр сообщенияsupport 2.0 (13 Декабрь 2012 - 13:22) писал:

Вы можете загрузить файл в корень сайта. Для этого зайдите в бэк-офис -> сайт -> файлы в корень сайта. Адрес этой страницы Вы можете прописать такого вида
href="/название страницы"
Если у Вас будет в этом файле скрипт, то тогда разрешение файла будет .js и его надо будет подключить в шаблоне HTML как подключены остальные файлы. Только адрес его будет такой, как я Вам написала выше.
Спасибо, попробую.
Не могли бы Вы мне помочь со скриптом "снега". Вроде все правильно поставил: снег отображается везде, на каждой странице, за исключение товарной позиции. С чем связано, не разобрался.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных