[Poradnik] Efekt padającego śniegu na stronce + rodzaje śnieżek ^

[Mow mi 0 :**]

Witam.
Otóż są święta i wiele osób szuka skryptu, który pozwoli dać efekt padającego śniegu na stronce... I właśnie chciałem go wam przedstawić

<script language="JavaScript1.2"> 
//Configure below to change URL path to the snow image 
var snowsrc="snow.gif" 
// Configure below to change number of snow to render 
var no = 10; 

var ns4up = (document.layers) ? 1 : 0; // browser sniffer 
var ie4up = (document.all) ? 1 : 0; 
var ns6up = (document.getElementById&&!document.all) ? 1 : 0; 

var dx, xp, yp; // coordinate and position variables 
var am, stx, sty; // amplitude and step variables 
var i, doc_width = 800, doc_height = 600; 

if (ns4up||ns6up) { 
doc_width = self.innerWidth; 
doc_height = self.innerHeight; 
} else if (ie4up) { 
doc_width = document.body.clientWidth; 
doc_height = document.body.clientHeight; 
} 

dx = new Array(); 
xp = new Array(); 
yp = new Array(); 
am = new Array(); 
stx = new Array(); 
sty = new Array(); 

for (i = 0; i < no; ++ i) { 
dx[i] = 0; // set coordinate variables 
xp[i] = Math.random()*(doc_width-50); // set position variables 
yp[i] = Math.random()*doc_height; 
am[i] = Math.random()*20; // set amplitude variables 
stx[i] = 0.02 + Math.random()/10; // set step variables 
sty[i] = 0.7 + Math.random(); // set step variables 
if (ns4up) { // set layers 
if (i == 0) { 
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>"); 
} else { 
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>"); 
} 
} else if (ie4up||ns6up) { 
if (i == 0) { 
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>"); 
} else { 
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>"); 
} 
} 
} 

function snowNS() { // Netscape main animation function 
for (i = 0; i < no; ++ i) { // iterate for every dot 
yp[i] += sty[i]; 
if (yp[i] > doc_height-50) { 
xp[i] = Math.random()*(doc_width-am[i]-30); 
yp[i] = 0; 
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random(); 
doc_width = self.innerWidth; 
doc_height = self.innerHeight; 
} 
dx[i] += stx[i]; 
document.layers["dot"+i].top = yp[i]; 
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
} 
setTimeout("snowNS()", 10); 
} 

function snowIE_NS6() { // IE and NS6 main animation function 
for (i = 0; i < no; ++ i) { // iterate for every dot 
yp[i] += sty[i]; 
if (yp[i] > doc_height-50) { 
xp[i] = Math.random()*(doc_width-am[i]-30); 
yp[i] = 0; 
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random(); 
doc_width = ns6up?window.innerWidth : document.body.clientWidth; 
doc_height = ns6up?window.innerHeight : document.body.clientHeight; 
} 
dx[i] += stx[i]; 
if (ie4up){ 
document.all["dot"+i].style.pixelTop = yp[i]; 
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
} 
else if (ns6up){ 
document.getElementById("dot"+i).style.top=yp[i]; 
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); 
} 
} 
setTimeout("snowIE_NS6()", 10); 
} 

if (ns4up) { 
snowNS(); 
} else if (ie4up||ns6up) { 
snowIE_NS6(); 
} 

</script>

Wklejamy go w index.php między wpisem login.php, a sc_headlines.php.

Inne rodzaje snieżek, wrzucamy do glownego folderu:





















Albo inne obrazki "śniegu"







UWAGA [!]
Wklejane obrazk1 zawsze muszą mieć nazwą snow.gif
Przy pierwszej próbie radzę zrobić kopię indexu w razie czego :)

[VolT]

Sprawdziłem i ładnie to wygląda ;)

[Major]

no albo wejść tutaj Świąteczne dodatki na bloga - życzenia, kolędy, padający śnieg. wybrać jaki śnieg i wygenerować kod no i wkleić prosty kod, nie trzeba wtedy kombinować jak zapisać żeby działało <--- wersja dla początkujących

[Gapcio]

no albo wejść tutaj Świąteczne dodatki na bloga - życzenia, kolędy, padający śnieg. wybrać jaki śnieg i wygenerować kod no i wkleić prosty kod, nie trzeba wtedy kombinować jak zapisać żeby działało <--- wersja dla początkujących

Spróbowałem na swoim blogu i prószy aż miło patrzeć.

[CeNzUrA<hahaha>]

Albo inne obrazki "śniegu"

Jak dadać Te obrazki żeby one pruszyły a nie śnieżki??;/

[Mow mi 0 :**]

zapisujesz je jako snow.gif i wrzucasz na ftp, i masz inne śniezki.

[CeNzUrA<hahaha>]

DZX Fajne:0

[nemore]

dobra wszytko gicior wilku ale powiedz mi gdzie to wkleic w index.php w phpbb ;] ?

[Mow mi 0 :**]

dobra wszytko gicior wilku ale powiedz mi gdzie to wkleic w index.php w phpbb ;] ?

nie testowałem na phpbb, ale popróbuj gdzies wyżej to dac :P tylko zrób kopie zapasową indexu :P

[Major]

w phpbb to musisz gdzieś dac do indexu themy

[# DreSzCzyK]

mam to na swojej stronce i bardzo mi sie podoba :))

[kubejlo]

Wklejamy go w index.php między wpisem login.php, a sc_headlines.php. u mnie nie ma sc.headlines.php. mogl mi ktos wyslac gotowy index z tym sniegiem??nuked klan pl

[Mow mi 0 :**]

to jest pod webspella.

[Major]

jak pod nuked-klan to w theme.php szablonu

[seekinghappines]

Mam pytanie:jak dadać Te obrazki żeby one pruszyły a nie śnieżki? Albo jak już się nie da to te śnieżki tylko żeby np, jak kursor idzie na prawą stronę to one padają na prawą str. Podajcie fragment kodu czy coś

[seekinghappines]

"Przy pierwszej próbie radzę zrobić kopię indexu w razie czego :)". PODACIE KOPIĘ INDEXU? PLISS

[Mow mi 0 :**]

"Przy pierwszej próbie radzę zrobić kopię indexu w razie czego :)". PODACIE KOPIĘ INDEXU? PLISS

kopiować nie umiesz?

[seekinghappines]

umiem! ale ten kod indexu jest taki krótki. Tylko usunęłam niechcący. Chcę ten śnieg jeszcze raz u Siebie na stronie. Co mam zrobić? Jak ten kod kopiuje i go wklejam to śniegu nie ma ;/

[Mow mi 0 :**]

To czytaj uważnie co pisz w pierwszym poście.

[seekinghappines]

To czytaj uważnie co pisz w pierwszym poście.

ale ten kod niechcący mi się usunął i chcialabym go odzyskać a zwłaszcza kopie indexu