В этой теме делимся секретами по украшению сайтов к Новому году.
Вот зашёл сюда _http://gamemag.ru/?act=db&fl[5]=137 а там снег такой симпатичный.
Что за код?
Спасибо
Полная версия: Украшаем сайт
Форум на все случаи жизни > Программирование, скрипты, графика, WEB-строительство > WEB дизайн и прикладное программирование
Johnik
_ttp://gamemag.ru/fall.js
_ttp://www.maxxblade.co.uk/fall/fall.zip тянуть здесь :)
_ttp://gamemag.ru/fall.js
_ttp://www.maxxblade.co.uk/fall/fall.zip тянуть здесь :)
Johnik :)
Можно найти в интернете множество скриптов и апплетов, изображающих падающий снег. В том числе, на мой взгляд, и симпатичнее этого.
Только обратите внимание на то, что увидит Ваш посетитель в том случае, если у него в браузере отключены картинки. :( Ведь каждая снежинка - это обычное изображение, которое апплет (скрипт) заставляет двигаться по экрану.
Можно найти в интернете множество скриптов и апплетов, изображающих падающий снег. В том числе, на мой взгляд, и симпатичнее этого.
Только обратите внимание на то, что увидит Ваш посетитель в том случае, если у него в браузере отключены картинки. :( Ведь каждая снежинка - это обычное изображение, которое апплет (скрипт) заставляет двигаться по экрану.
Ann
Веселый красные крестики...которые при большой фантазии можно принять за красный снег....КРОВИЩА :)
Сорри за оффтоп
Цитата
Только обратите внимание на то, что увидит Ваш посетитель в том случае, если у него в браузере отключены картинки.
Веселый красные крестики...которые при большой фантазии можно принять за красный снег....КРОВИЩА :)
Сорри за оффтоп
AndragoN
Совсем не обязательно. :) Зависит от браузера. В Опере экран покроется прямоугольниками с надписями "Image", забивающими основной текст и картинки.
Johnik
Так что тут стоит взвесить за и против. Ведь и загрузка страницы заметно замедляется.
Смею думать, что Новый год - весомый довод - ЗА :D
Цитата
Веселый красные крестики
Совсем не обязательно. :) Зависит от браузера. В Опере экран покроется прямоугольниками с надписями "Image", забивающими основной текст и картинки.
Johnik
Так что тут стоит взвесить за и против. Ведь и загрузка страницы заметно замедляется.
Смею думать, что Новый год - весомый довод - ЗА :D
AndragoN
Большое спасибо.
долбусь уже пару часов.
Приложение запускается, снег падает, а потом ошибка на странице и снег застывает
Вставил этот код <script language="JavaScript" src="fall.js"></script>
<table border="0" cellpadding="3" cellspacing="0"
style="border-collapse: collapse" width="400">
<tr><td width="80%">
что я не правильно сделал?
ссылка на эту страничку чуть ниже(ну типа подпись)
**
Кажись понял,остановка происходит, когда Народ. ру автоматом подгружает свой баннер.
Сейчас поробую его убрать
Большое спасибо.
долбусь уже пару часов.
Приложение запускается, снег падает, а потом ошибка на странице и снег застывает
Вставил этот код <script language="JavaScript" src="fall.js"></script>
<table border="0" cellpadding="3" cellspacing="0"
style="border-collapse: collapse" width="400">
<tr><td width="80%">
что я не правильно сделал?
ссылка на эту страничку чуть ниже(ну типа подпись)
**
Кажись понял,остановка происходит, когда Народ. ру автоматом подгружает свой баннер.
Сейчас поробую его убрать
Johnik
Походу именно он...
в частности видно из этого ..он подгружается в самом конце и блокирует дисплей..
<style>#bn {
DISPLAY: block
}
#bt {
DISPLAY: block
}
</style>
Убрать ты его не сможешь...
Цитата
Кажись понял,остановка происходит, когда Народ. ру автоматом подгружает свой баннер.
Сейчас поробую его убрать
Сейчас поробую его убрать
Походу именно он...
в частности видно из этого ..он подгружается в самом конце и блокирует дисплей..
<style>#bn {
DISPLAY: block
}
#bt {
DISPLAY: block
}
</style>
Убрать ты его не сможешь...
Johnik
Попробуте другие варианты. Вот тут http://straider2k1.narod.ru/Java/2/1/Java_2_1.htm, например. Тоже на народе. Вроде не останавливается
Снежинки можно использовать свои.
Попробуте другие варианты. Вот тут http://straider2k1.narod.ru/Java/2/1/Java_2_1.htm, например. Тоже на народе. Вроде не останавливается
Снежинки можно использовать свои.
Еще один способ. Его преимущество в том, что снежинки в нем не картинки, а буквы. Если отключена в браузере графика - общая картина не портится.
Между тэгами <head> код:
Между <body> код:
Между тэгами <head> код:
Цитата
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
Между <body> код:
Цитата
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
Немного дополню последнее сообщение Ann
Если вместо строки:
вставить такую строку:
(Бкува T - обязательно должна быть большой английской буквой T)
То будут капать настроящие снежинки. Но в браузере Опера не работает такой вариант. Можно сделать проверку на браузер, чтобы при IE действовал этот вариант, а в Опере *. Но сейчас неохота мне этим заниматься
P.S. Во из-за подобных дуростей и ещё много из-за чего, и не люблю я браузер Opera
Если вместо строки:
Код
snowsym = " * "
вставить такую строку:
Код
snowsym = " <font face=Wingdings>T</font> "
(Бкува T - обязательно должна быть большой английской буквой T)
То будут капать настроящие снежинки. Но в браузере Опера не работает такой вариант. Можно сделать проверку на браузер, чтобы при IE действовал этот вариант, а в Опере *. Но сейчас неохота мне этим заниматься
P.S. Во из-за подобных дуростей и ещё много из-за чего, и не люблю я браузер Opera
Всем привет, вот решил попробывать тоже поставить снежинки себе на сайт, но ссылка похоже уже не работает, может кто знает где можно скачать ещё снежинки. Честно говоря снежинки это хорошо, но те снежинки которые мы здесь обсуждаем мне не очень то по душе (большие, да ещё и красные) - если кого обидел, то очень извеняюсь. Дайте ссылочку пожалуйства. Заранее благодарен. ;)
Дайте ссылочку пожалуйства. Заранее благодарен. ;)
Ann, IgorekM
Чтой-то не то в коде...
Напроч выбивает фавориты...
Смотреть здесь => http://yurist.5dim.lv/for_bestfilez/index.htm .
Чтой-то не то в коде...
Напроч выбивает фавориты...
Смотреть здесь => http://yurist.5dim.lv/for_bestfilez/index.htm .
Yurist
Зашёл и посмотрел. Ни снега, ни выбивания фаворитов не увидел :)
Зашёл и посмотрел. Ни снега, ни выбивания фаворитов не увидел :)
netunika
Которая из ссылок не работает? Мы не обсуждаем здесь снежинки. Мы обсуждаем способы украшения веб-страниц с помощью снежинок.
Картинки снежинок можно найти в интернете в великом множестве, воспользовавшись поиском, либо нарисовать самому.
Yurist, что значит "Напроч выбивает фавориты?"
Посмотрела твой код. Он некорректен. Неправильно использованы теги, скрипт скопирован с ошибками. Закрывающий </head> оказался в конце, после закрывающего </body>
Только что проверила.
Такой код работает.
Которая из ссылок не работает? Мы не обсуждаем здесь снежинки. Мы обсуждаем способы украшения веб-страниц с помощью снежинок.
Картинки снежинок можно найти в интернете в великом множестве, воспользовавшись поиском, либо нарисовать самому.
Yurist, что значит "Напроч выбивает фавориты?"
Посмотрела твой код. Он некорректен. Неправильно использованы теги, скрипт скопирован с ошибками. Закрывающий </head> оказался в конце, после закрывающего </body>
Только что проверила.
Такой код работает.
Цитата
<html>
<head>
<title>test</title>
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
</head>
<body bgcolor="#000000" text="#ffffff" link="#0000ff" vlink="#800080" alink="#ff0000">
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</body>
</html>
<head>
<title>test</title>
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
</head>
<body bgcolor="#000000" text="#ffffff" link="#0000ff" vlink="#800080" alink="#ff0000">
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</body>
</html>
IgorekM
Уже убрал нафиг...:)
Ann
:D ...учимся...
А фавориты у меня не отоброжались только про высоких значениях разрешений экрана... :(
При 800x600 всё работало вроде нормально .
Цитата
Зашёл и посмотрел. Ни снега, ни выбивания фаворитов не увидел
Уже убрал нафиг...:)
Ann
Цитата
Yurist, что значит "Напроч выбивает фавориты?"
Посмотрела твой код. Он некорректен. Неправильно использованы теги, скрипт скопирован с ошибками. Закрывающий </head> оказался в конце, после закрывающего </body>
Посмотрела твой код. Он некорректен. Неправильно использованы теги, скрипт скопирован с ошибками. Закрывающий </head> оказался в конце, после закрывающего </body>
:D ...учимся...
А фавориты у меня не отоброжались только про высоких значениях разрешений экрана... :(
При 800x600 всё работало вроде нормально .
Цитата(Ann @ 7.01.2004 - 18:01)
netunika
Которая из ссылок не работает? Мы не обсуждаем здесь снежинки. Мы обсуждаем способы украшения веб-страниц с помощью снежинок.
Картинки снежинок можно найти в интернете в великом множестве, воспользовавшись поиском, либо нарисовать самому.
Yurist, что значит "Напроч выбивает фавориты?"
Посмотрела твой код. Он некорректен. Неправильно использованы теги, скрипт скопирован с ошибками. Закрывающий </head> оказался в конце, после закрывающего </body>
Только что проверила.
Такой код работает.
Которая из ссылок не работает? Мы не обсуждаем здесь снежинки. Мы обсуждаем способы украшения веб-страниц с помощью снежинок.
Картинки снежинок можно найти в интернете в великом множестве, воспользовавшись поиском, либо нарисовать самому.
Yurist, что значит "Напроч выбивает фавориты?"
Посмотрела твой код. Он некорректен. Неправильно использованы теги, скрипт скопирован с ошибками. Закрывающий </head> оказался в конце, после закрывающего </body>
Только что проверила.
Такой код работает.
Цитата
<html>
<head>
<title>test</title>
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
</head>
<body bgcolor="#000000" text="#ffffff" link="#0000ff" vlink="#800080" alink="#ff0000">
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</body>
</html>
<head>
<title>test</title>
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
</head>
<body bgcolor="#000000" text="#ffffff" link="#0000ff" vlink="#800080" alink="#ff0000">
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</body>
</html>
Тоесть если я скопирую этот код в код шаблона на форуме, то всё ок будет?
alexrus
Да..и вот такой, тоже работает:
Да..и вот такой, тоже работает:
Цитата(Ann @ 28.12.2003 - 02:47)
Еще один способ. Его преимущество в том, что снежинки в нем не картинки, а буквы. Если отключена в браузере графика - общая картина не портится.
Между тэгами <head> код:
Между <body> код:
Между тэгами <head> код:
Цитата
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " <font face=Wingdings>T</font> " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-дождь; true-снег
snowsym = " <font face=Wingdings>T</font> " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 50 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
Между <body> код:
Цитата
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all['"; st = "'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#66CCFF'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
Вот этот код классный, тока форум жутко тормозит!
Есть ли ещё какие скриптики???
На пару минут ссылку на форум дам, чтоб глянули как медленно! Потом удалю
_http://megaforum.com.ru
Есть ли ещё какие скриптики???
На пару минут ссылку на форум дам, чтоб глянули как медленно! Потом удалю
_http://megaforum.com.ru
alexrus
У меня нигде ничего не тормозит. Еще от интернета зависит.
А вообще, любой подобный скрипт - тормоз. Выбирай - красота или полеты.
У меня нигде ничего не тормозит. Еще от интернета зависит.
А вообще, любой подобный скрипт - тормоз. Выбирай - красота или полеты.
Ann
Эхх, хочется и того и того, а когда вы на этом форуме поставите снег?
Почему у кого опера стоит то они видят тока буквы Т падающие???? :( :(
Эхх, хочется и того и того, а когда вы на этом форуме поставите снег?
Почему у кого опера стоит то они видят тока буквы Т падающие???? :( :(
alexrus
Этот снег шел тут в прошлом году.
Да растаял с тех пор... Остались лужи и небольшой сугроб в логотипе
Этот снег шел тут в прошлом году.
Да растаял с тех пор... Остались лужи и небольшой сугроб в логотипе
Короче, незнаю что делать, спросил друзей зайти, кто говорит что ничего непадает, кто говорит что Синии буквы Т падают!
Тока я снег вижу, что делать?? :(
Тока я снег вижу, что делать?? :(
alexrus
читай тему внимательно, с самого начала, особенно обрати внимание на сообщение IgorekM от 28.12.2003.
читай тему внимательно, с самого начала, особенно обрати внимание на сообщение IgorekM от 28.12.2003.
Снег как на http://www.lekar.ru:
Вставить перед HEAD:
SNOW.JS:
Вставить перед HEAD:
Цитата
<script language="JavaScript" type="text/javascript" src="/js/snow.js"></script>
SNOW.JS:
Цитата
// Christmas Snow © 2002-2004 by Filosoff
// Set the number of snowflakes (more than 40 not recommended)
var snowmax=36
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#FFFFFF","#FBFBFB","#F6F6F6")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS", "Verdana")
// 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.7
// Set the maximal-size of your snowflaxes
var snowmaxsize=20
// Set the minimal-size of your snowflaxes
var snowminsize=12
// 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=3
///////////////////////////////////////////////////////////////////////////
// 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.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
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-1)}
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-1)}
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
}
// Set the number of snowflakes (more than 40 not recommended)
var snowmax=36
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#FFFFFF","#FBFBFB","#F6F6F6")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS", "Verdana")
// 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.7
// Set the maximal-size of your snowflaxes
var snowmaxsize=20
// Set the minimal-size of your snowflaxes
var snowminsize=12
// 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=3
///////////////////////////////////////////////////////////////////////////
// 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.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
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-1)}
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-1)}
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
}
Warmonger
Проблема этого снега в том, что он работает только в верхней части страницы, т.е. при прокручивании странички вниз снег не отображается.
Проблема этого снега в том, что он работает только в верхней части страницы, т.е. при прокручивании странички вниз снег не отображается.
Vanoc
знаю, он тает на лету: ))
знаю, он тает на лету: ))
Новый год прошел... Да и скрипту этотому больше четырех лет. Но все равно, пусть будет для разнообразия
http://cgi.myweb.ru/script.phtml?s_id=1139&ca_id=137&cp_level=2
оригинал тут
http://www.altan.hr/snow/
http://cgi.myweb.ru/script.phtml?s_id=1139&ca_id=137&cp_level=2
оригинал тут
http://www.altan.hr/snow/
Бесплатные клипарты для сайта
ftp://ftp140.pair.com/pub/art3d/ClipArt/Christmas_ClipArt.zip
http://www.hellasmultimedia.com/webimages/newyear/default.htm
http://www.hellasmultimedia.com/webimages/christ-htm/christ.htm
http://www.hellasmultimedia.com/webimages/winter/default.htm
ftp://ftp140.pair.com/pub/art3d/ClipArt/Christmas_ClipArt.zip
http://www.hellasmultimedia.com/webimages/newyear/default.htm
http://www.hellasmultimedia.com/webimages/christ-htm/christ.htm
http://www.hellasmultimedia.com/webimages/winter/default.htm
шрифты со снежинками, заснеженные буквы и звездочки
А есть у кого для форума иконки новогодние?
Типа: Как тут ДОКЛАД, ДАННЫЕ, PM, ато ищу не откуда взять =(
Типа: Как тут ДОКЛАД, ДАННЫЕ, PM, ато ищу не откуда взять =(
westarea
Может быть тут помогут http://www.bestfilez.net/forums/index.php?showforum=9 или тут подскажут http://www.ibresource.ru/
Но лучше всего делать свои, уникальные иконки. Праздник ведь. Виртуальный дом не должен быть "инкубаторским".
Может быть тут помогут http://www.bestfilez.net/forums/index.php?showforum=9
или тут подскажут http://www.ibresource.ru/ Но лучше всего делать свои, уникальные иконки. Праздник ведь. Виртуальный дом не должен быть "инкубаторским".
westarea
Ann правильно говорит.. нужно делать свои.. вот тебе два плагина для фотошопа ( Snowflakes 1.01 => http://www.morenews.ru/cgi-bin/dbloadfile.cgi?post=6221&id=1 и SnowScape 1.03 => http://www.morenews.ru/cgi-bin/dbloadfile.cgi?post=6221&id=2 ).. думаю они помогут в создании..
Ann правильно говорит.. нужно делать свои.. вот тебе два плагина для фотошопа ( Snowflakes 1.01 => http://www.morenews.ru/cgi-bin/dbloadfile.cgi?post=6221&id=1 и SnowScape 1.03 => http://www.morenews.ru/cgi-bin/dbloadfile.cgi?post=6221&id=2 ).. думаю они помогут в создании..
Елочки
http://netnotes.narod.ru/sbm/newyear/t23.html
http://netnotes.narod.ru/sbm/newyear/t10.html
http://netnotes.narod.ru/sbm/newyear/t11.html
Ветки, шарики, гирлянды, другие украшения
http://netnotes.narod.ru/sbm/newyear/t12.html
Свечи
http://netnotes.narod.ru/sbm/newyear/t16.html
Санта-Клаус и другие...
http://netnotes.narod.ru/sbm/newyear/t13.html
Фоновые рисунки со снежинками
http://netnotes.narod.ru/sbm/newyear/t9.html
Наступает год собаки. И потому - собачки
http://netnotes.narod.ru/sbm/gif/dogs/index.html
http://netnotes.narod.ru/sbm/newyear/t23.html
http://netnotes.narod.ru/sbm/newyear/t10.html
http://netnotes.narod.ru/sbm/newyear/t11.html
Ветки, шарики, гирлянды, другие украшения
http://netnotes.narod.ru/sbm/newyear/t12.html
Свечи
http://netnotes.narod.ru/sbm/newyear/t16.html
Санта-Клаус и другие...
http://netnotes.narod.ru/sbm/newyear/t13.html
Фоновые рисунки со снежинками
http://netnotes.narod.ru/sbm/newyear/t9.html
Наступает год собаки. И потому - собачки
http://netnotes.narod.ru/sbm/gif/dogs/index.html
Урок PhotoShop Снежные заносы (имитация снега)
http://www.i2r.ru/static/456/out_17195.shtml
http://www.i2r.ru/static/456/out_17195.shtml
Рождественские картинки
http://bestsmileys.com/christmas1/
http://bestsmileys.com/christmas2/
http://bestsmileys.com/christmas3/
http://bestsmileys.com/christmas4/
http://bestsmileys.com/christmas5/
http://bestsmileys.com/christmas6/
Разрешают давать линки на картинки со своего сайта.
http://bestsmileys.com/christmas1/
http://bestsmileys.com/christmas2/
http://bestsmileys.com/christmas3/
http://bestsmileys.com/christmas4/
http://bestsmileys.com/christmas5/
http://bestsmileys.com/christmas6/
Разрешают давать линки на картинки со своего сайта.
[img]http://bestsmileys.com/christmas4/4.gif[/img]
Christmas Clipart
http://www.holiday-clipart.com/christmas/christmas_clip01.html
Нажмите для просмотра прикрепленного файла
И тут еще немного..
http://desktoppublishing.com/christmas-clips.html
Нажмите для просмотра прикрепленного файла
Christmas set
http://desktoppublishing.com/clipart/xmas/xmas-set1.html
http://desktoppublishing.com/clipart/xmas/xmas-set2.html
http://desktoppublishing.com/clipart/xmas/xmas-set3.html
http://desktoppublishing.com/clipart/xmas/xmas-set4.html
Нажмите для просмотра прикрепленного файла
http://www.christmas-graphics.com/
http://www.holiday-clipart.com/christmas/christmas_clip01.html
Нажмите для просмотра прикрепленного файла
И тут еще немного..
http://desktoppublishing.com/christmas-clips.html
Нажмите для просмотра прикрепленного файла
Christmas set
http://desktoppublishing.com/clipart/xmas/xmas-set1.html
http://desktoppublishing.com/clipart/xmas/xmas-set2.html
http://desktoppublishing.com/clipart/xmas/xmas-set3.html
http://desktoppublishing.com/clipart/xmas/xmas-set4.html
Нажмите для просмотра прикрепленного файла
http://www.christmas-graphics.com/
Fractal Snowflake Generator
http://a-i-studio.com/snowflake/
генератор фрактальных снежинок
Нажмите для просмотра прикрепленного файла
http://a-i-studio.com/snowflake/
генератор фрактальных снежинок
Нажмите для просмотра прикрепленного файла
Free Christmas Clip Art
http://www.christmasgifts.com/clipart.html
http://www.christmasgifts.com/clipart.html
[img]http://www.freeimagehosting.net/uploads/20881080dc.gif[/img]
Урок фотошопа - делаем заснеженные кнопки.
Не на русском, и даже не на английском. Но посмотрите иллюстрации к уроку, многое станет ясно
http://www.kloobik.com/index.php?itemid=18
Анимированные рождественские картинки
http://www.animatedgif.net/seasonal/xmas/
Не на русском, и даже не на английском. Но посмотрите иллюстрации к уроку, многое станет ясно
http://www.kloobik.com/index.php?itemid=18
Анимированные рождественские картинки
http://www.animatedgif.net/seasonal/xmas/
Ann
Спасибо за эти ссылки. Отличные ёлочки и иные прибамасы. Не хватает только кирилличного заснеженного шрифта.
Нет ли у кого ссылок на скрипт, изображающий салют, формирующий заданную в скрипте надпись, в том числе кириллицей. IMXO классно смотрелись бы надписи "С новым Годом", "Привет от такого-то сайта" и т.п.
Спасибо за эти ссылки. Отличные ёлочки и иные прибамасы. Не хватает только кирилличного заснеженного шрифта.
Нет ли у кого ссылок на скрипт, изображающий салют, формирующий заданную в скрипте надпись, в том числе кириллицей. IMXO классно смотрелись бы надписи "С новым Годом", "Привет от такого-то сайта" и т.п.
Два очень старых апплета из библиотеки Anfy.
Нужно скачать приложение, в которых они генерятся. Есть множество настроек, русский интерфейс, бесплатно. Работает на стороне сервера, но на бесплатных площадках проблем нет. По крайней мере на народе работало.
фейерверк
http://anfyteam.com/ln/russian/anj/firewks.html
эффект снега на картинке
http://anfyteam.com/ln/russian/anj/ansnow.html
Нужно скачать приложение, в которых они генерятся. Есть множество настроек, русский интерфейс, бесплатно. Работает на стороне сервера, но на бесплатных площадках проблем нет. По крайней мере на народе работало.
фейерверк
http://anfyteam.com/ln/russian/anj/firewks.html
эффект снега на картинке
http://anfyteam.com/ln/russian/anj/ansnow.html
http://www.freeimages.co.uk/galleries/festive/christmas/index.htm
http://www.freefoto.com/browse.jsp?id=90-00-0
http://www.freefoto.com/browse.jsp?id=90-00-0
http://www.christmas-graphics.com/
Нажмите для просмотра прикрепленного файла http://members.tripod.com/~HolidayGifs/Xmas.html
Нажмите для просмотра прикрепленного файла
Нажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файла
Нажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файла
Нажмите для просмотра прикрепленного файла http://members.tripod.com/~HolidayGifs/Xmas.html
Делаем Деда Мороза
http://webimg.ru/content/?id=17
http://webimg.ru/content/?id=17
рождественские шрифты
Новогодние и рождественские картинки. В основном jpg, архив чуть больше 8 мб
Нажмите для просмотра прикрепленного файла
Цитата(Ann @ 3.11.2006 - 18:38) 
рождественские шрифты
И что интересно с кирилиццей
100+ Christmas Tutorials
Много интересных уроков по теме
http://www.webdesign.org/web/photoshop/articles/100-christmas-tutorials.10669.html
Много интересных уроков по теме
http://www.webdesign.org/web/photoshop/articles/100-christmas-tutorials.10669.html
счетчик секунд до нового года
http://www.vipmagazine.ru/counter
http://www.vipmagazine.ru/counter
..
Это текстовая версия — только основной контент. Для просмотра полной версии этой страницы, пожалуйста, нажмите сюда.
Русская версия Invision Power Board © 2001-2024 Invision Power Services, Inc.