Colocar Neve no forum Smf

Iniciado por candidosa2, 17 de Novembro de 2008, 01:18

Tópico anterior - Tópico seguinte

0 Membros e 1 Visitante estão a ver este tópico.

candidosa2

index.template.php

Pesquisar por
</head>
<body>';



Adicionar por Baixo o seguinte script
echo'<SCRIPT type="text/javascript">
/******************************************
* Update by Candidosa2 Suporte Joomlamz
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05\' by DD. This notice must stay intact for use
******************************************/
 
var snowsrc="', $settings['images_url'], '/nevejmz.gif"
var no = 10;
var hidesnowtime = 0;
var snowdistance = "windowheight";

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
 
if (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[i] = 0;
   xp[i] = Math.random()*(doc_width-50);
   yp[i] = Math.random()*doc_height;
   am[i] = Math.random()*20;
   stx[i] = 0.02 + Math.random()/10;
   sty[i] = 0.7 + Math.random();
   if (ie4up||ns6up)
   {
      if (i == 0)
      {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\'"+snowsrc+"\' border=\"0\"><\/a><\/div>");
      }
      else
      {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\'"+snowsrc+"\' border=\"0\"><\/a><\/div>");
      }
   }
}

function snowIE_NS6()
{
   doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
   doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
   for (i = 0; i < no; ++ i)
   {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50)
      {
         xp[i] = Math.random()*(doc_width-am[i]-30);
         yp[i] = 0;
         stx[i] = 0.02 + Math.random()/10;
         sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
   }
   snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
   if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
   snowIE_NS6();
   if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
}

</SCRIPT>';


Conforme ve o demo no nosso Link  Demo com Neve

A imagem esta no anexo


marciosoares

Se quiserem ter um pouco mais de neve a percorrer o vosso forum façam as seguintes alterações.

Alterem os valores por defeito para outros valores, tal como mostra a imagem seguinte.

Depois dos primeiros flocos de neve atingirem o final da página outros começaram a cair e assim ficam com neve por toda a página.

lm

Boas,

a neve está impecável mas, tem ou senão...

a neve cai toda junta e só volta ao início (parte superior) quando a mesma atinje o final da página (parte inferior)

não há possibilidades da neve ser sempre continua pela página inteira? (estar espalhada por toda a página)

um abraço

candidosa2

Não esta como mostra o demo aqui..

http://smf11x.joomlamz.com/

ou quer mais....conforme o pedido

lm

Citação de: candidosa2 em 18 de Novembro de 2008, 01:36
Não esta como mostra o demo aqui..
http://smf11x.joomlamz.com/
ou quer mais....conforme o pedido

Boas,

candidosa2, aqui neste demo a página principal é pequena, os flocos de neve depressa chegam ao fundo e nesse momento começão a cair mais da parte superior

agora o meu fórum tem a página ''Home'' bastante comprida e os flocos demoram bastante tempo a chegar ao fundo da mesma...assim fica muito espaço da página sem flocos de neve porque estes andam juntos e só reiniciam depois de chegarem ao fim...daí eu solicitar se é possível eles não sairem todos ao mesmo tempo

um abraço



marciosoares

Caro amigo edita o index.template.php e nas linhas 207 e 209 altera os valores e coloca como eu digo no tópico em cima.

A primeira neve que cair vai cair toda junta mas depressa se separa, e não chega toda junta ao fim da página. as primeiras a chegar ao fim da página começam de novo no inicio e assim em pouco tempo terás neve espalhada por toda a página.

Passa por aqui e vê como fica. ainda só fiz a alteração para firefox, no IE ainda continua igual ao demo.

lm

Boas,

marciosoares, quando instalei fiz logo a alteração

realmente se a página ''home'' ficar parada, não demora muito a encher a página

utilizo o mozila...agora fui experimentar no IE e verifiquei que a neve não chega ao fundo da página   confused

um abraço

marciosoares

Citação de: lm em 18 de Novembro de 2008, 22:49
Boas,

marciosoares, quando instalei fiz logo a alteração

realmente se a página ''home'' ficar parada, não demora muito a encher a página

utilizo o mozila...agora fui experimentar no IE e verifiquei que a neve não chega ao fundo da página   confused

um abraço


Sim eu sei, ainda não fiz as alterações para IE

ferr@ri

para IE eu substitui end por pageheight

marciosoares

Citação de: ferr@ri em 19 de Novembro de 2008, 13:08
para IE eu substitui end por pageheight

Bem amigo, eu tentei isso mas não deu. Podes colocar aqui o passo a passo de como fizeste e em que linhas é que trocaste o end por pageheight

ferr@ri

aqui está o codigo alterado

echo'<SCRIPT type="text/javascript">
/******************************************
* Update by Candidosa2 Suporte Joomlamz
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05\' by DD. This notice must stay intact for use
******************************************/
 
var snowsrc="', $settings['images_url'], '/nevejmz.gif"
var no = 20;
var hidesnowtime = 0;
var snowdistance = "pageheight";

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
 
if (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[i] = 0;
   xp[i] = Math.random()*(doc_width-50);
   yp[i] = Math.random()*doc_height;
   am[i] = Math.random()*20;
   stx[i] = 0.02 + Math.random()/10;
   sty[i] = 0.7 + Math.random();
   if (ie4up||ns6up)
   {
      if (i == 0)
      {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\'"+snowsrc+"\' border=\"0\"><\/a><\/div>");
      }
      else
      {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\'"+snowsrc+"\' border=\"0\"><\/a><\/div>");
      }
   }
}

function snowIE_NS6()
{
   doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
   doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
   for (i = 0; i < no; ++ i)
   {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50)
      {
         xp[i] = Math.random()*(doc_width-am[i]-30);
         yp[i] = 0;
         stx[i] = 0.02 + Math.random()/10;
         sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
   }
   snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
   if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
   snowIE_NS6();
   if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
}

</SCRIPT>';

marciosoares

Citação de: ferr@ri em 02 de Dezembro de 2008, 03:09
aqui está o codigo alterado

echo'<SCRIPT type="text/javascript">
/******************************************
* Update by Candidosa2 Suporte Joomlamz
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05\' by DD. This notice must stay intact for use
******************************************/
 
var snowsrc="', $settings['images_url'], '/nevejmz.gif"
var no = 20;
var hidesnowtime = 0;
var snowdistance = "pageheight";

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
 
if (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[i] = 0;
   xp[i] = Math.random()*(doc_width-50);
   yp[i] = Math.random()*doc_height;
   am[i] = Math.random()*20;
   stx[i] = 0.02 + Math.random()/10;
   sty[i] = 0.7 + Math.random();
   if (ie4up||ns6up)
   {
      if (i == 0)
      {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\'"+snowsrc+"\' border=\"0\"><\/a><\/div>");
      }
      else
      {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\'"+snowsrc+"\' border=\"0\"><\/a><\/div>");
      }
   }
}

function snowIE_NS6()
{
   doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
   doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
   for (i = 0; i < no; ++ i)
   {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50)
      {
         xp[i] = Math.random()*(doc_width-am[i]-30);
         yp[i] = 0;
         stx[i] = 0.02 + Math.random()/10;
         sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
   }
   snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
   if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
   snowIE_NS6();
   if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
}

</SCRIPT>';


Muito obrigado amigo, funciona na perfeição. 5 estrelas.

gabraiboy


G A B R A I B O Y - Soluções em Informática Se é tecnologia somos a solução

Forum: Downloads diversos

cabanas


ferr@ri