**Плагин Javascript snowflake generator для изящных снежинок и три скрипта для снега

Здравствуйте, дорогие читатели и гости сайта «Тестируем шаблон». Рада нашей новой встрече на блоге.

Сегодня мы рассмотрим еще один новогодний плагин делающий снег на сайте и три скрипта, с помощью которых тоже можно оформить блог падающими снежинками к празднику.

Плагин Javascript snowflake generator можно скачать по адресу http://wordpress.org/extend/plugins/javascript-snowflake-generator/, в том случае, если вы не нашли данный плагин через поисковик плагинов в админ-панели своего блога.

Настроек у плагина можно сказать нет. После того, как вы его активировали, просто перейдите для просмотра на блог, и в том случае, если снежинок видно не будет, зайдите в категорию настроек «Параметры», там найдете строку настроек одноименную  плагину. На странице плагина есть только вот такие возможности редактирования: либо включение, либо выключение.

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

Единственный нюанс: плагин видимо конфликтует с некоторыми плагинами «движущего» характера. Если говорить конкретно, то он у меня конфликтует с плагином  IGIT Posts Slider Widget, который делает в сайтбаре слайдер-ползунок, хотя вот с плагином  AnimatedTwitterBird, создающего синюю «птицу счастья» конфликта нет ;-)

А теперь еще поговорим о трех скриптах для новогоднего снега на блоге. Вы наверное знаете, что скрипты надо устанавливать кодом в редакторе темы. Вот эти скрипты ставятся для работы по одному  в файл header.php после <body, но так как я не очень люблю это делать, то я попробовала установить их в сайдбар. И оказалось, что они работают. Правда тоже по одному, и при этом в сайдбаре они как виджеты не просматриваются, аналогично баннеру с необычной локализацией.

Если на вашем блоге данные скрипты будут работать, то вам не нужно будет активировать плагины для появления снежинок на сайте. Снежинки оформленные скриптами очень симпатичные: вот такие пушистые,

и вот такие узорные

Скрипты для снега

<script type="text/javascript" src="http://blogger4you.narod.ru/JavaScript/snow1.js"></script>
<script type="text/javascript" src="http://blogger4you.narod.ru/JavaScript/snow.js"></script>

Некрупный, еле заметный снежок для блога

<script type="text/javascript">
var snowmax=35
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=40
var snowminsize=20
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 || 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
}
</script>

Просто копируете и вставляете в сайдбар в виджет «Текст».

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

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: , . Закладка Постоянная ссылка.

24 комментария: **Плагин Javascript snowflake generator для изящных снежинок и три скрипта для снега

  1. teresa пишет:

    Юля, ты убрала деда мороза? Вот и правильно! По ходу в его скрипте был вирус :( Я убрала и вирус пропал!

  2. teresa пишет:

    Поставила плагин, а снежинок нет :(

  3. Анна пишет:

    Юлия, добрый день! Хочу Вас поблагодарить за посещение блога и комментарий. Roses-are-red Прочитала вашу статью о плагине — хорошая статья.Но мне почему-то не нравятся все эти украшения на блоге, которые мешают посетителю читать и отвлекают внимание от главного на блоге. Wink А вот вопрос у меня есть: как научиться делать надписи поверх картинок? Thinking Если Вы это умеете делать, напишите статью об этом. Я думаю, что этот вопрос интересует не только меня. Особенно это важно для новичков. Approve Вам, Юлия, всего самого светлого и доброго. Angel

    • Юлия пишет:

      Анна, даже не знаю, нужна ли такая статья, это ведь делается на собственном компьютере в редакторе изображений, просто зайдете в редактор, найдите в верхнем меню «Обработка» и все.Дальше зайдете в редактор, а там уже все видно.У меня программа ACDSee Pro4. Если у Вас такая же, то статья имеет смысл, если нет этой программы, то увы, статья Вам не пригодится. Проверьте какая программа по обработке изображений у Вас стоит…

      • Анна пишет:

        Юлия, спасибо за ответ. У меня есть программа Paint. Я попробовала в ней сделать надпись, у меня получилось. А вы могли бы мне скинуть ссылочку на программу ACDSee Pro4, чтобы скачать её? Спасибо Вам. :rose:

  4. Олег пишет:

    Главное чтобы снегом не завалило:)

  5. mrs.interesno пишет:

    Юля, на твой блог «Такая разная любовь» не насмотришься. :yes:
    Очень красиво и по-новогоднему празднично получилось.

    И украшательства для твоих блогов очень уместны.
    Ведь ты же рассказываешь и об этом тоже.
    Поэтому, должна обязательно продемонстрировать другим.
    А наше дело выбирать. :yes:

    • Юлия пишет:

      Спасибо, Беата. Сначала сделала дизайн более темным, но он не смотрелся празднично, а теперь и самой нравится ;-)

  6. Irina пишет:

    Юль! Хочу сменить шаблон. Посоветуй какой лучше…

    • Юлия пишет:

      Ирочка, смотря что ты от шаблона хочешь? Уникальный, со слайдером, или простенький?

  7. Светлана пишет:

    Установила скрипты со снежинками. Красотища!!! Юлечка, спасибо! Ты настоящая волшебница :rose:

    • Юлия пишет:

      Мне эти снежинки тоже нравятся, ближе к Новому году заменю плагины на скрипты, т.е на один скрипт Wink .

  8. Татьяна пишет:

    Думаю красиво получиться блог весь в снежинках, по новогоднему. Но у меня времени не хватает во всём основном разобраться, но интересно было узнать что и такое существует.

  9. Богдан пишет:

    Ооо ничего себе, красиво украсил свой сайт, спасибо огромное))

  10. Инна пишет:

    Скажите пожалуйста, а мы не перегружаем свой сайт разными плагинами?

    • Юлия пишет:

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

  11. Наталья пишет:

    Юлечка, большое спасибо за скрипты, они все таки поменьше сайт нагружают, чем плагины
    попозже тоже поставлю, когда зима будет ;)

  12. Светлана пишет:

    Этот плагин установила снежинки сыпят спасибо! А то на улице дождь, холода не хочется , а вот снежку чего то мне сегодня не хватает.

    • Юлия пишет:

      А я в этом году что-то на скрипты перешла ;-) Пока вот листопад на блоге (ну для тех,кто его нашел, конечно), а потом и снегопад будет :heart:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)