Как сделать снегопад на сайте?
В продолжение новогодней темы предлагаю вам создать праздничный настрой на сайте.
В этом уроке мы рассмотрим с вами установку падающих снежинок на сайте.
Даже не снижинок, мы сделаем на настоящий снегопад на сайте!
И так, давайте приступим к созданию снегопада на нашем сайте:
Шаг 1. Качаем архив со скриптом отсюда. Извлекаем его из архива в отдельную папку.
Шаг 2. Эту папку закачиваем в корневую папку сайта.
Шаг 3. Открываем индексный файл и в теге <body> … </body> вставляем следующий скрипт:
[sbox id="info" big="true"]<script type="text/javascript">
sitePath = "/";
sflakesMax = 64;
sflakesMaxActive = 64;
svMaxX = 3;
svMaxY = 3;
ssnowStick = 1;
sfollowMouse = 1;
</script>
<script type="text/javascript" src="/snow/snow.js"></script>[/sbox]
В поле sitePath указываем путь к нашему сайту.
Зеленым цветом указываем путь к самому скрипту.
Снежинки отображаются при помощи рисунков .png. Поэтому в браузерах со старой версией (IE6, IE7) могут отображаться неправильно. Что бы они там хорошо отображались, если для вас это столь важно, просто перекомпилируйте эти рисунки в формат GIF.
Для пользователей CMS MaxSite снегопад на сайте будет устроить куда проще.
Я бегло натарабанил плагин под названием snow.
Поэтому, вам надо всего лишь скачать этот плагин и установить его на ваш сайт. И тем самым спровоцировать снегопад.
Спасибо за внимание. Еще раз с наступающим.
Надеюсь на вашем сайте, снегопад будет - что надо
PS: в браузерах IE, из за настроек безопасности, скрипт снегопада на сайте может не работать.
PSS: прикольно получилось, но сегодня похожий плагин натарабанил и сам разработчик этой системы - Максим
А где сугробы??
а че через локал хос не пашет ?* , вернее кртинки не отображаються ((
Регаюсь...
хоть убейся не пашет , без http сервера (движка) , черт так не должно быть...
раньше все проверял под //:localhost , и все замечательно работало , теперь же полная лажа... , или всетаки у меня руки кривые...
поставил свой скрипт , прекрасно работает , значит у вас косяки какие то...
Здорова.
Так я этот плагин и создавал на локалхосте.
У меня работает без проблем. И там, и тут...
Или вы ставили сам скрипт отдельно?
Сергей, спасибо за скриптик, отлично встает на DLE.
Правда пошел другим путем - не засовывал целый код в main.tpl шаба (кто не знает, в DLE именно туда его и надо запульнуть), а через админку зашел в "рекламные материалы", создал там новый баннер (не знаю почему так назвали, ведь туда можно запульнуть любой код, подобие как в CMS MaxSite - ушки) и вставил весь код туда.
И после уже в main.tpl вставил коротенький тэг на этот баннер.
Почему таким путем? Всё просто: как закончится зима - ничего удалять не надо, просто останавливаем показ баннера и всё. Лишнего кода на сайте не будет! А уже следующей зимой - включаем обратно
Так и я для макссайт не засовывал целый код.
Все сделано через плагин.
Включил - пошел снег - выключил - снег исчез
И код самой CMS не изменялся.
Сергей, и в МаксСайт я его тоже запульнул уже через плагин
а у меня что-то не получилось :( Под Wordpress/
Закачал папку в public.htm и код вставил в heder после bodi, а снега нет :(. Пач как правильно писать? и путь к папке?
Скажу честно, вордпресс - это было сто лет назад.
Так что путного совета, боюсь, не смогу дать, уже давно все забыто и голова забита другой CMS
Скорее в сего с путями что то намудрили.
Попробуйте указать там где зелененький путь - полный путь к скрипту.
Спасибо, вроде само пошло, с опоздапнием. Видимо сервер долго обрабатывал. Вот только вместо снежинок - буквы :(. Как это перекомпилировать?
Короче, попробовал в Пейнте открыть и сохранить как gif. Сейчас посмотрю что вышло .
БУКВЫ
Там картинки png-шки должны быть.
Может маленькие квадратики с надписью Изо.... бражение
У меня картинки в одной папке со скриптом.
Попробуйте там, где красный путь тоже указать полный путь к папке снегопада.
Тут не в формате дело, так как зтп отобразжается нормально в современных браузерах а в старых ишках - вместо прозрачного фона - белый цвет.
Что-то ничего не меняется :(. Неужели gif не воспроизводит?
У меня тоже вордпресс всё прекрассно работает. Сражу скажу, что в гиф переделывать не стоит, качайте архив заново, заменяйте опять на пнг. А что касается того что у вас не отображаются снежинки, возможно допущена ошибка при прописывании адреса сайта (sitePath)
Я когда первый раз вставлял забыл поставить в конце слешь (/) и у меня была таже проблема, тоесть sitePath примет вид sitePath= "https://сайт.ру/"
Да не в формате дело, это ошибка пути к рисункам какая то, говорю вам - укажите путь к папке с папкой скрипта, там где красным слешем в тексте отмечено.
А в зеленом поле - продолжите путь.
Вот например как я делал это в плагине:
if (!$snow_js)
echo ' ';
echo ' sitePath = "' . getinfo('plugins_url') . '";';
echo ' sflakesMax = 64;';
echo ' sflakesMaxActive = 64;';
echo ' svMaxX = 3;';
echo ' svMaxY = 3;';
echo ' ssnowStick = 1;';
echo ' sfollowMouse = 1;';
echo ' ';
Блин, сделал атаку на свой сайт, я прям хакер
Короче в комментах отобразить не получится.
Но смотри, в поле: sitePath = "Мой сайт/ плагины";
Я указал путь к папке с плагинами.
А вот в поле: type="text/javascript" src="мой сайт/плагины/snow/snow.js;">
Я указал полный путь к скрипту.
Да, именно кватратики с надписью Изо. Картинки тоже в одной папке со скриптом. Указал полный путь в обоих случаях кода. Результат тот же. :( Черт, не программер я, однако.
Покажи код, который ты вставляешь.
А в Мозиле вообще начал дергаться сайт. Эх...Не судьба...
sitePath = "https://svstudio.biz/";
sflakesMax = 64;
sflakesMaxActive = 64;
svMaxX = 3;
svMaxY = 3;
ssnowStick = 1;
sfollowMouse = 1;
Продолжение:
Хм... Обрезает последние строки.
Вы лучше мылом обменяйтесь и он тебе поможет.
Это, создал новый пост, там рассказываю как клавиши нарисовать на сайте при помощи только CSS.
моё мыло: zevs_olimp_пятьпятьпять@mail.ru
ник в скайпе: zevs_olimp_пятьпятьпять
Санек, ну ты прям награда для спаммеров
Взял и выставил открытые данные, позаменяй собаки и цифры на слова.
Хорошо!
svanдванольнольдевять@gmail.com
Сегодня уже не хочу заниматься. После переноса вообще всё исчезло.
https://svstudio.biz
Еще один светило
Не выставляйте открытые адреса почты, так как задалбетесь удалять спам!
svan2009 - чуть чуть видоизменил ваш адрес почты.
Подскажите пожалуйста, что я неправильно делаю. Вместо пути ставлю sitePath = "E://SAIT/DOMEN/"
в src="E://SAIT/DOMEN/snow/snow.js"
Папку snow скопировала в корень DOMEN
Попробуйте поставить один слэш перед диском E
И попробуйте стандартный значок для дисков на компьютере \
sitePath = "/SAIT/DOMEN/"
в src="/SAIT/DOMEN/snow/snow.js"
Наверное так, а не с диском Е, это же то виртуалка, где денвер делает свою работу, на фига его писать
Все зависит от того, где находится сама страница с подключаемым снегом.
ЗЫ: а с чего ты взял что используется денвер???
Сергей, стандарт Вроде никто не ухищряется и пользуется самой распространенной прогой.
Это ты так думаешь
А многие про нее вообще не слышали.
Кстати, хотел спросить - а снежинки нормально в IE отображаются? Просто я никогда не пользуюсь этим
замечательнымбраузером (даже когда надо проверить что-то), а тут решил зайти под ним... и везде (на всех сайтах, не только на моих) - отображаются в виде прозрачных квадратиков.P.S. IE 8
Спасибо за советы, но ничего не помогло со слешами.
Сама страница со снегом находится в папке E://SAIT/DOMEN/ в этой же папке и каталог snow разместила. Денвер не использую. Файл в формате 1.html
Хех
Так тебе Оля, тогда вообще пути прописывать не надо.
в src="E://SAIT/DOMEN/snow/snow.js"
Просто напиши название скрипта в каталоге - и все
Т.е. так - src="snow/snow.js"
Путь надо прописывать, когда на компьютере делаешь - отталкиваясь от файла, в котором размещен скрипт.
Спасибо огромное. Получилось
Так держать!
Я походу уникум, я юзаю AppServ
Нет, просто выходишь за рамки стандарта Я, например, все на хостинге сразу делаю. Денвер для меня - поюзать скриптики плюс понадобился когда курс Сергея изучал.
Сергей, спасибо за снегопад! )) Использовала в открытке.
Однако, внизу страницы наблюдается дергание. Что предпринять, чтобы это убрать?
Привет Людмила.
Честно говоря, в скриптах я еще сам пока не очень.
Но, судя по вашей проблеме - попробуйте обновить браузер.
Сергей, наверное чтобы убрать дёргание, надо отключить функцию, где он (снегопад) ложиться внизу. Чтобы просто летел, без создания "сугробов" в подвале.
А что бы это сделать в скрипте в параметре ssnowStick = 1; , единицу заменяем на 0. Тоесть получится вот так ssnowStick = 0;
Теперь снег не будет скапливаться внизу экрана.
Вот и разобрались
Так что, у меня одного дерганья не было???
Да не, у меня тоже вроде не дёргалось
Всех с Старым Новым Годом! Успехов во всех начинаниях и побольше денег!
Предоставляем продвижение сайта
Круто!
автору спс вс понятно обьяснил!
Пожалуйста
Привет всем у меня такая проблемма я сделал все но вместо снежков падают кубики))
Проверяй путь к картинкам снежинок.
Да и еще, посмотри или нет в комплекте поставки макса плагина со снежинками.
Кто то его тоже делал.
лучше бы конечно было видео инструкцию подробную выложить))) как путь к картинкам менять и все такое
Работает!!! Заходите, любуйтесь
Вопросик ещё: есть возможность сделать кнопку вкл/выкл для простого html сайта?
СПАСИБО!
Даже не знаю. Если честно. В любом случае - когда отпадет надобность - лучше его вообще отключить. Что бы не грузился лишний раз.
У меня что-то не работает в браузере отображаеться
[sbox id="blue" big="true"] [/sbox]
прикол 2000х, но работает и прикольна =). Особенно что ложаться снежинки на низ дисплея!)
Баловство, но классно!) Спасибо за скрипт.