Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 25 mensajes ]  Ir a página 1, 2  Siguiente
[Tutorial] Efecto estrella y nieve. 
Autor Mensaje
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 06-04-2007, 9:58
Mensajes: 1337
Ubicación: Andalucia
Nota [Tutorial] Efecto estrella y nieve.
Es un estilo al de la nieve pero retocado..
es con unas estrellas y llegan asta el final de la pagina
funciona en todos los navegadores.

Se puede poner la nieve cambiando la url del principio
por una imagen de un copo de nieve.

En mi caso uso las estrellas por que ami foro
no le pegaba la nieve xD

PARA VER UN EJEMPLO
VEANLO EN MI FIRMA
ENTRANDO AL FORO!



Código:
<script language="JavaScript1.2">
grphcs=new Array()
Image0=new Image();
Image0.src=grphcs[0]="http://www.telefonica.net/web2/frenazo/copito.gif";

Amount=15;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?5:0;
ns6=(document.getElementById&&!document.all)?5:0;

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+0;
Cstep[i]=0;
Step[i]=Math.random()*0.5+0.2;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*1+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',50);
}

window.onload=fall
//-->
</script>

_________________
Imagen


Última edición por canalmoviles el 12-25-2007, 11:32, editado 3 veces en total



12-25-2007, 6:08
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 01-16-2007, 5:58
Mensajes: 6806
Ubicación: Chile
Nota 
ya vi las estrellas :D mirando al cielo xD :D No entre a tu foro y las vi
se ven bien


12-25-2007, 6:16
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 06-04-2007, 9:58
Mensajes: 1337
Ubicación: Andalucia
Nota 
x_x

_________________
Imagen


12-25-2007, 6:21
Perfil WWW
Forero Habitual
Forero Habitual

Registrado: 11-22-2006, 14:54
Mensajes: 85
Nota 
:roll: :roll: Pues yo uso firefox y no me sale nada de

estrellas em ti foro!!!

Saludos

_________________
Imagen


12-26-2007, 13:23
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 06-04-2007, 9:58
Mensajes: 1337
Ubicación: Andalucia
Nota 
pues nose amigo
tuve el efecto en mi foro
unos dias y funciona bien

_________________
Imagen


12-27-2007, 1:07
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 10-29-2006, 22:00
Mensajes: 308
Ubicación: ESPAÑA, SIEMPRE ESPAÑA
Nota 
Yo también tengo firefox, y no he podido ver nada de la animación de estrellas ni nada de nada... ejem... canal... ejem... ejem... :roll:

_________________
Sólo quién ha comido AJO puede darnos una palabra de ALIENTO

Imagen

VISÍTAME EN MI FORO TE VA A GUSTAR
MI BLOG


12-27-2007, 21:16
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 06-04-2007, 9:58
Mensajes: 1337
Ubicación: Andalucia
Nota 
PEAZODECOCK escribió:
Yo también tengo firefox, y no he podido ver nada de la animación de estrellas ni nada de nada... ejem... canal... ejem... ejem... :roll:



bueno pues para que lo vean que si funciona
lo e vuelto a poner en mi foro,

http://canalmoviles.foroportal.es/foro/



lo e probado en IE, Firefox y Opera y si que funciona y se ve bien
no se por que no les funciona simplemente copie este codigo de arriba
y lo volvi a pegar en mi foro, pueden verlo viendo
el codigo fuente del foro...

lo dejare puesto asta mañana, el por que de no les funciona
pues no lo se... a mi me va perfecto :?

_________________
Imagen


12-27-2007, 21:25
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 10-29-2006, 22:00
Mensajes: 308
Ubicación: ESPAÑA, SIEMPRE ESPAÑA
Nota 
¡Vale!, jejejej, es parecido al que tengo yo puesto...

_________________
Sólo quién ha comido AJO puede darnos una palabra de ALIENTO

Imagen

VISÍTAME EN MI FORO TE VA A GUSTAR
MI BLOG


12-27-2007, 21:29
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 06-04-2007, 9:58
Mensajes: 1337
Ubicación: Andalucia
Nota 
bueno pues entonces lo quito xD

que la navidad ya paso.. lo pondre de nuevo el dia 31 y 1 si eso
jeje saludos!

_________________
Imagen


12-27-2007, 21:30
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 10-29-2006, 22:00
Mensajes: 308
Ubicación: ESPAÑA, SIEMPRE ESPAÑA
Nota 
¡¡¡PRUEBA SUPERADA!!!

:D

_________________
Sólo quién ha comido AJO puede darnos una palabra de ALIENTO

Imagen

VISÍTAME EN MI FORO TE VA A GUSTAR
MI BLOG


12-27-2007, 21:34
Perfil WWW
Nuevo
Nuevo
Avatar de Usuario

Registrado: 11-30-2007, 16:48
Mensajes: 16
Nota 
cambien el gif ese q trae q es algo feo, por este:

Imagen

Código:
http://www.forocristianoevangelico.com/images/ca_morpheus_blue/misc/snow.gif


bye!

_________________
Imagen
Imagen


12-29-2007, 21:38
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 06-04-2007, 9:58
Mensajes: 1337
Ubicación: Andalucia
Nota 
jejeje yo puse la estrella amarilla
por que ahy foros a los que no les pega la nieve..

_________________
Imagen


12-29-2007, 21:48
Perfil WWW
Forero Habitual
Forero Habitual

Registrado: 07-30-2008, 9:24
Mensajes: 333
Nota 
thank youu very muchii!

_________________
Mi foro:

http://actualidadot.mi-web.es

OPERACION TRIUNFOOOOOOOOOOO!!!


10-31-2008, 18:04
Perfil
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 07-10-2008, 20:52
Mensajes: 329
Nota 
Ya viene la navidad otra vez
asi que me gustaria poner este efecto pero no se donde ni como
:smt122 me pueden ayudar? :D

_________________
http://www.hermandadcatracha.mi-web.es/foro/index.php
Imagen

http://nyna.elbruto.es


11-21-2008, 0:44
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 10-11-2008, 18:02
Mensajes: 780
Ubicación: El BIERZOO!! pu** leon pu** cultural!
Nota 
pon el codigo en contenido extra

_________________
Siempre estarás en mi corazon--> B.D.

Imagen
Imagen
Imagen
Imagen
Imagen
Imagen

http://www.nuestro.forogratis.es

Ultima edición por Cifu. el 10-10-2008, 5:58; editado 9 veces


11-21-2008, 16:04
Perfil YIM WWW
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 25 mensajes ]  Ir a página 1, 2  Siguiente

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.073s | 13 Queries | GZIP : Off ]