Avatar Image
Usuario habitual
Usuario habitual

He visto en algunos foros animaciones muy curradas, como copos de nieve que caen, etc.
Quería poner una en el mío pero no se como.
Alguien sabe?

Asi, copos que caigan:

Avatar Image
@man / @woman
@man / @woman

Recuerdo que alguien preguntó lo mismo, no hace mucho... prueba a buscar en el foro, que la respuesta está ahí. De todas maneras, la forma más fácil de averiguar cómo hacerlo, es ponerte en contacto con el administrador del foro en el que has visto ese efecto. Le mandas un mensaje privado del tipo "hola, qué tal, he visto el efecto de nieve tan chulo que tienes en tu foro, y me gustaría que me dijeras cómo lo has hecho, para ponerlo yo en mi foro, si no te importa". Seguro que no le importará.

Post-edición. Estás de suerte, he entrado en http://www.airis-computer.com , que tienen ese mismo efecto que dices, y les he copiado el script que consigue ese efecto:

Codigo:

<!-- efecto nieve -->
<script language="JavaScript1.2">

/******************************************
* Nieve Script - HTML.Dynamico 2001
* Mas Scripts y Recursos para tu web en:
* http://www.htmldynamico.cjb.net
******************************************/


// Configure para cambiar el URL path de la imagen
var snowsrc="imagenes/inicio_dici/snow3.gif"
// Configure para cambiar la cantidad de nieve
var no = 12;

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 = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 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><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>&quot;
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>&quot;
}
} 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><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>&quot;
} 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>&quot;
}
}
}

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

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

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

</script>

<!-- fin del efecto nieve -->



Pégalo en la cabecera de tu foro, y listo.
Avatar Image
Usuario habitual
Usuario habitual

GRACIAS TIO! VOY A PROBAR!!! GRACIAS!!!

Avatar Image
Usuario habitual
Usuario habitual

No me funciona...

Avatar Image
@man / @woman
@man / @woman

Creo que el fallo esta aqui...

// Configure para cambiar el URL path de la imagen
var snowsrc="imagenes/inicio_dici/snow3.gif"


Debes hacerte con esa imagen que esta en la web y subirla a un espacio tuyo y cambiarle la ruta en el codigo..

Avatar Image
Usuario habitual
Usuario habitual

YA ESTÁ
MUCHAS GRACIAS!

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 25/Jul/2009, 01:51
ForoAzulino rumezHB7709Jul/09