ОБСУЖДЕНИЕ

Листва вместо снега

24 сообщений1 просмотровЗакрыта

#12014-08-21 15:45:49

Привет всем) Подскажите, плз, как сделать со скрипта в котором падает снег, что бы падали листья?

#22014-08-21 15:47:19

насколько знаю такой скрипт использует изображение снежинки, так вот смени изображение снежинки на листья

#32014-08-21 15:48:47

sir4uk, Вот скрипт, но там нет файла с изображением снежинки.. Только 2 стр, одна настройки, а вторая сам снег http://rghost.ru/57590168

#42014-08-21 15:50:17

PHP

<script>
var snowmax=35
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=22
var snowminsize=8
var snowingzone=3
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)}
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>

#52014-08-21 15:51:49

Где-то полюбому есть картинка снега... Без этого никак... ищи)

#62014-08-21 15:56:19

WELDER, Только то что дал в посте 4. И файл сетингс (настройки для пользователей) А еще: можешь сказать как ставить картинку на фон?

#72014-08-21 15:58:35

Как вставить картинку на фон? Тоесть через цсс?
background: url(url img);

#82014-08-21 16:02:04

WELDER, А url начинать с a href или c http

#92014-08-21 16:06:55

c http или так img/img.gif

#102014-08-21 16:17:33

WELDER, А где именно?

CSS

.mess {

padding: 7px;

background: #fff url(img/mess.png) repeat-x left center;

margin-top: 4px;

border-radius: 3px;

margin-bottom: 4px;

border: 1px solid #ffd339;

}





.pages{

border: 1px #238be4 solid;

background-color: #FFF;

padding-left: 6px;

padding-right: 6px;

padding-top: 2px;

padding-bottom: 2px;

margin-bottom: 1px;

margin-top: 1px;

border-radius: 1px 1 1 1px;

font-size : small; 

}

.main_bottom {

margin-top: 0px;

border-bottom: 1px #e5fdfd solid;

padding: 2px;

}

.titles {

/* Заголовок страницы */



padding: 2px;

overflow: hidden;

text-align: center;

background-color:  #519be8;
  
font-weight: bold;

border-bottom: 1px #4fdafd solid;

margin-bottom: 0px;

color:#fee800;

width:20px;

border-right: 1px solid #4fdafd;



}

.titles a {

color: #FFF3DF;

}

.titles a:hover {

color: #FFFFFF;

}

.nav1 {

background-color: #efeff0;

border: 1px #e5fdfd solid;

padding: 4px;

margin: 3px;

color:black;

}

.nav2 {

background-color: #ffffff;

border: 1px #e5fdfd solid;

padding: 4px;

margin: 3px;

color:black;

}

.main_web {

border: 1px #fff solid;

padding: 4px;

background-color: #fff;

}



.main_web:hover {

border: 1px #eaeaec solid;

border-left: 2px #0094ff solid;

padding: 4px;

background-color: #eaeaec;

}



.main_seriy {

background-color: #efeff0;

}



.main_love {

background-color: #f5d9d9;

}



.rekl_main{

font-family: Calibri;

font-weight: bold;

font-size: small;

padding-top:10px;

padding-bottom:10px;



color: #00bfff;

}

.rekl_main a{

color: #40e0d0;

padding-left: 16px;

background: url('p_menu_1.png') no-repeat left;

}

.rekl_main a:hover{

color: #000000;

padding-left: 16px;

background: url('p_menu_2.png') no-repeat left;

}





.menu_razd{



background-repeat: no-repeat;

background-image: url('menu_razd.png');

text-align: center;

width: 150px;

height: 26px;

font-size: large;

font-weight: bold;

color: #00a9e8;

}



.news{

font-family: Calibri;

font-weight: bold;

font-size: small;

padding-top:10px;

padding-bottom:10px;



text-align: justify;

}







.show_foto

{

margin: 10px;

border: 1px double #add8e6; 

}



.show_foto:hover

{

border: 1px double #00fcff;

}





.foot {

margin-top: 1px;



padding: 3px;

background-color: #b8d9f1;

}





.foot1{

padding:3px;

text-align: center;

font-weight: bold;

font-size: normal;

background-color: #80c0ff;

color: #064a92;

}







.foot2{

width: 70px;

padding:3px;

text-align: center;

font-weight: bold;

font-size: normal;

background-color: #99ffcc;

color: #064a92;

}

.bloks {

margin-top: 3px;

margin-bottom: 3px;



}





.str{

padding:5px;

text-align: center;

font-weight: normal;

color: #7E7EFF;

font-size: normal;

}



.search_cit

{

font-size: normal;

font-weight: bold;

border-bottom: 1px #FF0000 dotted;

}



.rekl

{

font-size: smal;

margin: 0px;

text-align: center;

font-weight: bold;

color: #48d1cc;

}



.cit /* вставка цитаты */

{

font-size: x-small;

background-color: #7be0ff;

padding-left: 18px;

padding-right: 3px;

margin: 5px;

border: 1px #9291C7 solid;

color: black;

font-style: italic;

}





.ank_n {

color : #005ba8; 

}

.ank_d {



}





.icon48

{



font-size: normal;

width: 48px;

height: 48px;

vertical-align: top;

border: 1px #D6E6F2 solid;

background-color: #f1f4f6;

border-radius: 2px 2 2 2px;

padding:4px;





}



.icon14

{

font-size: normal;

width: 14px;

height: 14px;

text-align: center;





}









.p_t{

width: 100%;

border: 1px #D6E6F2 solid;

background-color: #f1f4f6;

border-radius: 2px 2 2 2px;

padding:4px;

}



.p_m {

width: 100%;

border: 1px #e5fdfd solid;

border-radius: 2px 2 2 2px;

color:#000;

}









.p_m2

{

width: 100%;

font-family: Calibri;

padding-left:7px;

font-weight: normal;

font-size: small;

vertical-align: bottom;

}



























.table_title_menu

{

color: #454699;

font-size: 20px;

font-weight: bold;

}







.table_title_forum, .table_title_forum a

{

color: #454699;

font-size: 24px;

font-weight: bold;

}





.forum_file_table_title

{

text-align: center;

font-size: normal;

font-weight: bold;

}

.forum_file_table_file

{



font-size: small;

font-weight: normal;

}









.err {

/* сообщение об ошибке */

text-align: center;

border-top: 0px #853A24 solid;

background-color: #ffe28e;

color: #3f8cff;

}



.msg {

/* сообщение */

border-top: 1px #2C9A68 solid;

text-align: center;

background-color: #4DBF9A;

color: #E3FFE3;

}

.titles {

/* Заголовок страницы */

margin: 0px;

padding: 2px;

overflow: hidden;

text-align: center;

background-color: #519be8;

font-weight: bold;

border-bottom: 1px #4fdafd solid;

margin-bottom: 0px;

color:#fee800;

width:20px;

border-right: 1px solid #4fdafd;



}



.auts {

font-weight: bold;

overflow: hidden;

padding:2px;

background-color: #b8d9f1;

border-bottom: 1px #4fdafd solid;

vertical-align:top;

width:24%;

border-right: 1px solid #D4EEFF;

white-space: nowrap;

}





img {

    vertical-align: middle;

border: 0px;

margin: 0px;

padding: 0px;

}







.webmenu {float: left;display: inline;padding-left: 0px;margin: 0 auto;}.webmenu last {float: none;padding-left: 0px;margin: 0 auto;padding-top: 50px;}.webmenu a {display: block;min-width: 62px;padding: 3px 10px 3px 10px;text-decoration: none;text-align: center;}a.activ {background-color: #80c0ff;}.webmenu a:hover {background-color: #6eabe8;text-decoration: none;}.menus {display: table;background-color: #99FFCC;}

a.activ {

background-color: #80c0ff;

}







.mess {

padding: 7px;

background: #fff url(img/mess.png) repeat-x left center;

margin-top: 4px;

border-radius: 3px;

margin-bottom: 4px;

border: 1px solid #ffd339;

}



.main_null {

margin: 3px;

padding: 3px;

}



.main {

margin: 3px;

border: 1px #e5fdfd solid;

padding: 3px;background-color: #fff;

}



.main2 {

margin: 3px;

border: 1px #e5fdfd solid;

padding: 3px;

background: #f6f6f6;

}







.aut {

border-bottom: 1px #4fdafd solid;

color: #ffffff;

text-align: left;

background-color: #b8d9f1;

padding:3px;

}

.on {color: #00e802;}

.off {color: #dd0000;}

#112014-08-21 16:19:18

куда надо там и ставь... не тупи

#122014-08-21 16:25:12

Что-то мне кажется, что там не кртинка снежинки, а символ. По крайней мере вот строки из 4го сообщения:

---
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
---

То есть похоже разным шрифтом печатается обычная звездочка.

#132014-08-21 16:31:41

увидел что снег это обычный символ * и он обрабатывается цветом и шрифтами то есть это не картинка. Если удастся найти какой то символ в виде листика то будет тебе счастье)

#142014-08-21 16:32:08

вместо * в коде попробуй пропиши картинку

#152014-08-21 16:37:58

а как?

#162014-08-21 16:38:33

WELDER, Мне на все страницы сайта. я ставл в титл и pages ноль реакции

#172014-08-21 16:50:21

или с другого сайта изображение берёт

#182014-08-21 16:51:08

Shizik, <img src='/img/img.png'>

#192014-08-21 16:52:02

нет, все-таки знаком, я проверил

#202014-08-21 16:55:52

Автор, вот, валялся у меня
В шапку

BASH

//////папка let-it-snow///////////
echo '<script type="text/javascript"> 
      sitePath = "'.$home.'/let-it-snow/"; 
      sflakesMax = 64; 
      sflakesMaxActive = 64; 
      svMaxX = 2; 
      svMaxY = 3; 
      ssnowStick = 1; 
      sfollowMouse = 0; 
      </script> 
      <script type="text/javascript" src="'.$home.'/let-it-snow/script/snowstorm.js"> 
      </script>';
 /////////////////////
//////////папка snow///////////////
echo '<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>';
////////////////////

Почему нету возможности добавить файл!

Страница 1 из 2 · Всего записей: 24