Como hacer efectos copos de nieve

oh!!! yo pensé que esto sería más sencillo, pero se ve dificil.

No pueden hacer un tutorial?

Iniciado por ximenavi

oh!!! yo pensé que esto sería más sencillo, pero se ve dificil.

No pueden hacer un tutorial?

En principio con estos dos hacks de vB.org lo tienes fácil, rápido y eficaz. Digo en principio porque no lo he probado, pero según las instrucciones es editar una plantilla, añadir el código que dan y configurarlo al gusto:

- Para vB3: Classic Style Snow Fall (vB3)
- Para vB4: Classic Style Snow Fall (vB4)

Un saludo, Gorgias.

Uyyyy con un tuto podria entender.

1º Espero que estés usando otro estilo que no sea el Default. Ése debes dejarlo limpio, para hacer comprobaciones.

2º Si estás usando otro diferente, es muy sencillo hacer lo de la nieve.

-> Entra en FORUMHOME (si no sabes cómo, pincha en "Estilos y plantillas -> Buscar dentro de plantillas") Luego, busca la palabra footer

-> Busca: {vb:raw footer} (Si no sabes buscar, pulsa las teclas Ctrl+F y te saldrá el cuadro para poner eso que te he escrito)

-> Debajo, pega éste código

Código:

<SCRIPT type="text/javascript">
/*
Snow Fall 1 - no images - Java Script
Visit http://rainbow.arch.scriptmania.com/scripts/
  for this script and many more
*/


// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=110


// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff","#82B4FE","#FFF004")


// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")


// Set the letter that creates your snowflake (recommended: * )
var snowletter="•"


// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6


// Set the maximum-size of your snowflakes
var snowmaxsize=25


// Set the minimal-size of your snowflakes
var snowminsize=8


// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1


///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////




// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=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 randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}


function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}


function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';


                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}


for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}


</SCRIPT>

Donde dice : var snowletter="•" Puedes poner el símbolo que prefieras. Yo puse un punto gordo y elegí varios colores porque el fondo de mi foro es claro y así destaca la nieve más ("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff" ,"#82B4FE","#FFF004")

Hay gente que pone asteriscos *, otros ponen ¤ y otros ٭

Tú elige el que prefieras, puedes seleccionarlo en el Mapa de caracteres de Windows o copiar alguno de los que te he dejado aquí.


Yo lo tengo puesto en mi foro 4.1.8 y funciona muy bien, no ralentiza nada, como me pasaba con otros códigos que había puesto antes. Supongo que en el 3.x.x funcionará también

Nosotros utilizamos este mod y nos funciona muy bien, es muy sencillo

Falling Snow - vBulletin.org Forum