Efecto Navideño (bolitas de nieve)

sneijder23 · December 13, 2009, 04:40:06 AM

Hay varios scripts para hacer el efecto de las bolitas de nieve,estube buscando y el que mas me gusto fue este,los pasos son muy simples para ponerlo en el foro pero lo explicare para los que aun esten un poco verdes en esto.
La pagina del script original es esta http://www.schillmania.com/projects/snowstorm/

Paso 1 - Descargar el ZIP y descomprimir

Paso 2 - Subir el contenido de la carpeta "snowstorm" a la carpeta /Themes/tu_theme/

Paso 3 - Abrir el index.template de tu theme actual y añadir esto,justo despues de la etiqueta <head>

Quote<script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script>

Demo: www.zonagente.com

Descarga: http://www.schillmania.com/projects/snowstorm/snowstormv14_20091115.zip

El script es completamente configurable y esta preparado para añadirle mas efectos como el de las bombillas y demas,en la pagina original del script os sale un listado sobre como configurarlo aun que lo unico que interesa (al menos para mi) es el efecto de las bolitas de nieve

PD:Por si alguien no le funciona el enlace de descarga adjunto el archivo un poco menos pesado con algunos archivos del rar inservibles como demos y enlaces directos de muestra,etc...

,un saludo.

kr5323 · December 13, 2009, 11:03:33 AM

Tiene muy buena pinta. Gracias por compartirlo.

Dos cosas:
1. ¿Cómo se desactivaría lo de las luces?

Gracias.

kenet · December 13, 2009, 11:41:54 AM

el codigo va entre en head y el body

<link rel="shortcut icon" href="http://foronautilus.info/nforo/imagen.ico">
</head>
<body>';
//Display ads on the top of the page
if (function_exists("show_topofpageAds"))

acuaerdate de poner la url de tu foro y en nombre del theme

<script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script>

kr5323 · December 13, 2009, 11:58:00 AM

Ahora sí.

Al principio entendía que era justo debajo de <head>, pero no, es justo debajo de </head> y antes del <body>.

Gracias.

kenet · December 13, 2009, 12:05:46 PM

normalmente los scrip suene ponerse entre el

</head>
<body>';

zutzu · December 13, 2009, 02:09:03 PM

Gracias por compartir , funciona de 10

naxter · December 14, 2009, 04:59:46 AM

Hola e intentado poner la luces de la parte superior sacando el codigo javascript que viene en la etiqueta head del index del archivo que me e bajado pero no me aparecen las bombillas en la parte superior, e puesto el link de mi foro tal como el de la nieve y lo e comprobado y la nieve me funciona pero las bombillas no alguien me puede ayudar?

sneijder23 · December 14, 2009, 05:52:50 AM

El efecto de las bombillas no lo he probado pero si revisasla pagina del script original lo explicara.

naxter · December 14, 2009, 06:08:59 AM

e entrado pero es como el index que me e descargado y no explica nada

naxter · December 14, 2009, 08:08:42 AM

ya lo consegui poner tan solo se trata de copiar el java script en el head y la etiqueta div son las bombillas colocando eso en el body y listo

kenet · December 14, 2009, 08:20:22 AM

Quote from: naxter on December 14, 2009, 08:08:42 AM
ya lo consegui poner tan solo se trata de copiar el java script en el head y la etiqueta div son las bombillas colocando eso en el body y listo

podias poner un ejemplo de como poner la luces para los que no sabesn. saludos

naxter · December 14, 2009, 09:20:12 AM

copias despues de <head> esto:

Code Select

<script type="text/javascript" src="soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="christmaslights.js"></script>
<script type="text/javascript">
var urlBase = "./";
soundManager.url = "./";
</script>

como vereis aqui "./"; e cambiado la ' por la " por el motivo de que es php
luego despues de <body> copias esto o donde quieras colocarlo dentro del index.template de tu theme

Code Select

<div id="lights">
  <!-- lights go here -->
 </div>

y en la raiz del foro subimos todos los archivos que se encuentran dentro de la carpeta lights menos el index.html y listo

kenet · December 14, 2009, 04:12:17 PM

ok, muchas gracias por la aclaracion

marko_andres · December 14, 2009, 05:23:47 PM

hago exacto lo que dices "sneijder23"

baje el snowstorm.rar, lo descomprimi y copie el "contenido" de la carpeta (no la carpeta) en el carpeta de mi Theme.

abri el index.template.php de mi Theme y agregue

Code Select

<script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script>

despues de la Unica etiqueta <head> que habia en el index.template.php de mi theme quedando asi:

Code Select

<head>
   <script type="text/javascript" src="http://www.chileunderground.cl/Themes/DK_THEME/snowstorm.js"></script>

pero no me sale nada $:-\$

Ayuda plz!

kenet · December 14, 2009, 07:05:37 PM

tiene que ser entre el head y el body

en medio de estos 2

</head>
<body>';

marko_andres · December 14, 2009, 07:25:23 PM

no tengo ningun <body>';

dejo el index.template.php

http://www.megaupload.com/?d=43UILLW0

otra cosa, "sneijder23" dijo <head> y tu dices </head> alguna diferencia, porque los 2 salen.

kenet · December 14, 2009, 07:36:06 PM

se le olvidaria añadir la ralla.

el tullo creo que va entre la etiqueta

Code Select


</body>

</html>';

asi

Code Select

</body>
<script type="text/javascript" src="http://www.chileunderground.cl/Themes/DK_THEME/snowstorm.js"></script>
</html>';

marko_andres · December 14, 2009, 08:38:16 PM

hice exactamente como lo dices, pero continua sin salir.

tengo una duda: sneijder23 dice que ponga el codigo despues del </head> y tu dices que ponga el codigo entre </body> y </html>

he hecho las 2 cosas y continua sin salir :/

gantz · December 15, 2009, 07:00:46 AM

mira va despues de <head> <script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script> despues tengo una duda mas subiste la carpeta snowstorm o solo los archivos contesta para ayudarte salu2

marko_andres · December 15, 2009, 07:11:14 AM

hice lo que dice arriba.

subi el "contenido" de la carpeta snowstorm, no la carpeta en si, solo el contenido.

te adjunto mi index.template.php

Gracias

http://www.simplemachines.org/community/index.php?action=dlattach;topic=354056.0;attach=127700

News:

Efecto Navideño (bolitas de nieve)