News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Script efecto nieve variable, disfrutadlo.

Started by Alky, November 12, 2008, 10:57:00 AM

Previous topic - Next topic

Alky

Os dejo Adjunto un efecto nieve que he encontrado por la red.
Lo podéis comprobar en mi web, www.maspalique.com [nofollow] en unos días estará operativa al 100% ya de paso decidme que os parece.

Solo tenéis que meter todo en la raíz de vuestro server, e insertar este código en el index.template.php de vuestro tema.
Buscar:


</head>
Y justo encima colocáis este código:

<script type="text/javascript" src="script/snowstorm.js"></script>
Podéis cambiarle también  la ruta.

Estos son los pasos.
Si lo metéis por ejemplo en el directorio Themes/default/images/nieve.

Tenéis que hacer esto:
1.- meter el contenido del pack en el directorio

Themes/default/images/nieve

2.- abrir el archivo snowstorm.js dentro de la carpeta script
Buscar:var imagePath = 'image/snow/'y lo cambiáis por:


var imagePath = ' Themes/default/images/nieve/image/snow/'

3.- iros a vuestro index.themplate.php
buscar:</head>

Y justo encima colocar este código que es el mismo de antes pero con los directorios corregidos:

<script type="text/javascript" src=" Themes/default/images/nieve/script/snowstorm.js"></script>

ya que estamos cerca de navidades es un buen script para nuestros visitantes  ;D

Espero que os haya gustado.

Por cierto, ¡Gracias! a toda lo comunidad de SMF que la verdad son geniales, y he aprendido mucho leyendo en estos foro.

Juancho35

Muy bueno el efecto, se agradece el porte.

Una pregunta: como se llama el theme que estas usando en tu foro?

Alky

es el ClanWars_05 de la v2.0 beta 4 de SMF, pero lo he modificado un poco. ;D

te dejo el enlace http://custom.simplemachines.org/themes/index.php?lemma=926


manixless

hola

el script lo tenia en mi web desde hace ya vario tiempo, pero hay que tener cuidado pues da conflicto con otros javascript. Tambien me dio problema con el ajax de un mod que puse. Me vi en la obligacion de pasarlo al portal. Pero de que el efecto es bueno lo es y gran aporte

saludos

Juancho35

Quotees el ClanWars_05 de la v2.0 beta 4 de SMF, pero lo he modificado un poco. ;D

te dejo el enlace http://custom.simplemachines.org/themes/index.php?lemma=926

Entiendo poco sobre versiones de SMF y campactibilidades, pero sería posible instalar ClanWars_05 a un SMF 1.1.7 sin problemas o hay otra version de ClanWars (o muy parecido) adecuado para el SMF  v 1.1.7 ? ya que me gusta mucho ese Theme. gracias y disculpas por la desviación de tema....

japemo75

#6
Buenas, me estoy volviendo un poquillo loko  >:(.

He probado de las 2 formas que habeis puesto pero nada, no salen los copos...

yo tengo el tiny portal puesto no se si tiene que ver.... he probado incluso en desinstalarlo y nada...

Os pongo la estructura de donde he metido el script...

/foro/Themes/default/nieve/image/snow
/foro/Themes/default/nieve/script

Texto insertado:

index.template.php: <script type="text/javascript" src="Themes/default/nieve/script/snowstorm.js"></script>

snowstorm.js: var imagePath = 'Themes/default/nieve/image/snow/'

Lo arregle no se como pero lo arregle...  :o

Alky

Perdona Japemo75, pero llevo varios días sin entrar en le foro y no había visto tu post, pero como y ya veo lo has solucionado, me alegro.  :D

sneijder23


[Dn]

No lo veo ni con ninguno de estos navegadores. IE7, Firefox 3, Opera 9, Safari 3, Glogle Chrome, Amaya y todos los navegadores que uso :S

Estas seguro que esta en tu web???

sneijder23

en el foro Conocer Gente (ver firma) me da un error con IE

STILCARS

A mi tampoco me funciona. Alguien sabe que puede suceder??'  :(

Alky

Quote from: [Dn] on December 07, 2008, 08:31:56 PM
No lo veo ni con ninguno de estos navegadores. IE7, Firefox 3, Opera 9, Safari 3, Glogle Chrome, Amaya y todos los navegadores que uso :S

Estas seguro que esta en tu web???

Perdona, he estado trasteando la web y lo había deshabilitado sin darme cuenta.
lo tienes activo http://maspalique.com [nofollow]

tonra30

Genial,funcionando en ie y firefox,muchisimas gracias a todos,por cierto,seriais
tan amables de decirme como ampliar el tamaño de los copos?
Muchas gracias de antemano,y enhorabuena por la atención que prestais dia
a dia en esta web,un saludo y aunque algo precipitado"feliz navidad a todos"  ;)
[nofollow]
_______________________________
smf: 2.0 RC1.2
theme Blue 2
url del foro OcioAmigos [nofollow]

STILCARS

Hola a todos.

No me acaba de funcionar en mi página web www.stilcars-tuning.com/foro

Supuestamente debería de ponerlo todo en el theme que tengo instalado no?

Salu2!!!

tonra30

No exactamente,debes crar una carpeta llamada "nieve"en:

foro/themes/default/images/y en este directorio creas la carpeta nieve

Ahora introduces todo el contenido del pack en ella,seguidamente buscas el index templante.php
del tema que estes utilizando y haces las modificaciones arriba descritas,ya no deberia darte
mayor problema, ;)
[nofollow]
_______________________________
smf: 2.0 RC1.2
theme Blue 2
url del foro OcioAmigos [nofollow]

STILCARS

Gracias Tonra por tu por tu rápida respuesta.

Es así como lo tengo y no hay manera de que los copitos aparezcan  ;D

STILCARS

Gracias por tu rápida respuesta Tonra.

ya lo he solucionado.

muchísimas gracias a todos, por vuestra aportación y ayuda. No sabeis cuanto os lo agradezco.

Felices fiestas!

TuxtlaClik

no funciona  alguien puede indicar los pasos pero con imagenes porfavor  graicas 



TuxtlaClik

#19
aki me encontre estoo  y esta mas facil ke el de arriba

nada mas copien este escrip  y lo pengan en su  index  de su pagina principal  el ke esta  en   foro/ index.php  este codigo lo pegan a principio y listo


aki el codigo
__________________________________________________

<script>

// Numero de copos, recomendados entre 30 y 40
var nieve_cantidad=35

// Colores de los copos se mostraran de forma aleatoria
var nieve_colorr=new Array("#aaaacc","#ddddFF","#ccccDD")

// Tipo de letra de los copos
var nieve_tipo=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Valor o letra de los copos
var nieve_letra="*"

// velocidad de caida
var nieve_velocidad=0.6

// tamaño mas grande de los copos
var nieve_cantidadsize=30

// tamaño mas pequeño de los copos
var nieve_chico=8

// 1 toda la pagina - 2 zona izquierda - 3 centro de pagina - 4 zona derecha
var nieve_zona=1

var nieve=new Array()
var marginbottom
var marginright
var timer
var i_nieve=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 aleatorio(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initnieve() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var nievesizerange=nieve_cantidadsize-nieve_chico
for (i=0;i<=nieve_cantidad;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
nieve=document.getElementById("s"+i)
nieve.style.fontFamily=nieve_tipo[aleatorio(nieve_tipo.length)]
nieve.size=aleatorio(nievesizerange)+nieve_chico
nieve.style.fontSize=nieve.size
nieve.style.color=nieve_colorr[aleatorio(nieve_colorr.length)]
nieve.sink=nieve_velocidad*nieve.size/5
if (nieve_zona==1) {nieve.posx=aleatorio(marginright-nieve.size)}
if (nieve_zona==2) {nieve.posx=aleatorio(marginright/2-nieve.size)}
if (nieve_zona==3) {nieve.posx=aleatorio(marginright/2-nieve.size)+marginright/4}
if (nieve_zona==4) {nieve.posx=aleatorio(marginright/2-nieve.size)+marginright/2}
nieve.posy=aleatorio(2*marginbottom-marginbottom-2*nieve.size)
nieve.style.left=nieve.posx
nieve.style.top=nieve.posy
}
movenieve()
}

function movenieve() {
for (i=0;i<=nieve_cantidad;i++) {
crds += x_mv;
nieve.posy+=nieve.sink
nieve.style.left=nieve.posx+lftrght*Math.sin(crds);
nieve.style.top=nieve.posy

if (nieve.posy>=marginbottom-2*nieve.size || parseInt(nieve.style.left)>(marginright-3*lftrght)){
if (nieve_zona==1) {nieve.posx=aleatorio(marginright-nieve.size)}
if (nieve_zona==2) {nieve.posx=aleatorio(marginright/2-nieve.size)}
if (nieve_zona==3) {nieve.posx=aleatorio(marginright/2-nieve.size)+marginright/4}
if (nieve_zona==4) {nieve.posx=aleatorio(marginright/2-nieve.size)+marginright/2}
nieve.posy=0
}
}
var timer=setTimeout("movenieve()",50)
}

for (i=0;i<=nieve_cantidad;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+nieve_cantidadsize+"'>"+nieve_letra+"</span>")
}
if (browserok) {
window.onload=initnieve
}
</script>
<body bgcolor="#333"><br>
<br>
____________________________________________________


nada mas un pequeño de talle  si alguien sabe modificar para ke el efecto no desaparesca ala mitad de la pagina  ,  yo kiero ke caiga la nieve hasta el final de mi pagina

espero respuestas  y este scrip  si funciona en todos los navegadores  ...

Advertisement: