Efeitos a cair sobre fórum

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 18:56

Qual é sua questão:
Olá,gostaria de por efeitos a cair sobre portal do meu fórum se fosse possível com este ícone
https://i.servimg.com/u/f36/14/66/24/06/fm11.png

Nota:Só queria que os icones caíssem 1 vez!


Que medidas você tomou para corrigir o problema:
0

Apresente-nos imagens do problema (se necessário):
0


Última edição por MisterMatos em 07.03.11 21:42, editado 1 vez(es)
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Konai 07.03.11 19:00

Olá,
Você quer que caía rápidamente ou lento? E você deseja como se fosse flocos caindo, só que apenas uma imagem?

Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 19:06

Pode ser a cair normal sim quero que caía essa imagem que eu disse!
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por ivopc 07.03.11 19:09

avatar

ivopc
Novo Membro

Membro desde : 20/01/2010
Mensagens : 26
Pontos : 35

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 19:12

Podes dar o código já com tudo feito imagem https://i.servimg.com/u/f36/14/66/24/06/fm11.png ,velocidade normal e nº de vezes:1

Cump´s
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Konai 07.03.11 19:18

Olá,

Primeiro leia este tutorial
:seta3: Neve cair sobre o Fórum

Depois de criar a página HTML e tudo mais, editarei o código para você. E precisarei que faça tudo que é preciso, ou não dará certo.

Type
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 19:21

Eu já li ese tópico antes de criar este aqui!
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por ivopc 07.03.11 19:23

Bom é o seguinte, você terá que hospedar essa página em algum host(pode ser no seu fórum) e salvar "alguma_coisa.html":

Código:
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="http://i36.servimg.com/u/f36/14/66/24/06/fm11.png"
// Quantidade de flocos de neve na tela
var no = 1;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><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\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
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) { // iterate for every dot
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)
}

Depois coloque em algum widget ou alguma outra coisa que aparece no portal:

<script src="alguma_coisa.html"></script>
(Troque o alguma_coisa.html pelo nome da página que você criou.

Para ver como hospedar a página do script, clique no tutorial:
https://ajuda.forumeiros.com/t22241-tutorial-neve-cair-sobre-o-forum
e de um Crtl + F e ponha "Criar uma página HTML para sustentar o código:" (sem aspas)

Resolvido?

@EDIT
Arranjei um script para você, é só copiar isso:
<script src="http://familia13.webs.com/Script_ForumAjuda/neve_MisterMatos"></script>
Edite o html de um widget que aparece no seu portal e copie e o código acima de salve!


Última edição por ivopc em 07.03.11 19:28, editado 1 vez(es)
avatar

ivopc
Novo Membro

Membro desde : 20/01/2010
Mensagens : 26
Pontos : 35

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Konai 07.03.11 19:26

Aqui está o código:
(Em: AQUI COLOQUE SUA PAGINA HTML - bote o link da sua página html.)
Código:
/******************************************
* Snow Effect Script- By Altan d.o.o. (AQUI_COLOQUE_SUA_PAGINA_HTML)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="http://i36.servimg.com/u/f36/14/66/24/06/fm11.png"
// Quantidade de flocos de neve na tela
var no = 1;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 5 seconds;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><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\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
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) { // iterate for every dot
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)
}

Resolveu?
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por ivopc 07.03.11 19:30

Resolva seu problema DEFINITIVAMENTE:
<script src="http://familia13.webs.com/Script_ForumAjuda/neve_MisterMatos"></script>
Vá no painel de administração e edite o html de um widget que aparece no seu portal e copie e o código acima e salve!

avatar

ivopc
Novo Membro

Membro desde : 20/01/2010
Mensagens : 26
Pontos : 35

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 19:34

Consegui pôr no portal mas só cai 1 icone queria a cair mais e só uma vez!

Poderiam dizer como se põe na pagina do fórum!Pagina principal:http://fmonline.forumportugues.com/forum


Última edição por MisterMatos em 07.03.11 19:38, editado 1 vez(es)
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Konai 07.03.11 19:38

Quantos ícones você deseja que caía?

Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 19:40

10
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por ivopc 07.03.11 19:42

MisterMatos, eu botei para cair 10 ícones por vez, infelizmente não é possível de botar para cair só uma vez!

Refaça o tutorial:

<script src="http://familia13.webs.com/Script_ForumAjuda/neve_MisterMatos"></script>

Resolvido?
avatar

ivopc
Novo Membro

Membro desde : 20/01/2010
Mensagens : 26
Pontos : 35

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Konai 07.03.11 19:43

Tente este:

Código:
/******************************************
* Snow Effect Script- By Altan d.o.o. (AQUI_COLOQUE_SUA_PAGINA_HTML)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="http://i36.servimg.com/u/f36/14/66/24/06/fm11.png"
// Quantidade de flocos de neve na tela
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 5 seconds;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><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\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
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) { // iterate for every dot
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)
}


Resolve?

OBS: Não se esqueça de trocar o Coloque aqui sua página HTML pelo link da sua página HTML.

Type

Edit:
Quantos segundos você quer que ele desapareça?
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Itachi Uchiha 07.03.11 19:45

Olá MisterMatos
Explicarei o código:
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="Endereço_da_imagem"
// Quantidade de flocos de neve na tela
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><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\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
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) { // iterate for every dot
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)
}

O código acima terá que ser colado em:
Módulos > HTML > Gestão das Páginas HTML
Crie uma página html , de um titulo e cole o código.

Explicando:
Negrito: Coloque o endereço dá imagem que quer que caia

[i]Itálico:
Nº de imagens

Depois de ter criado a pagina pegue o endereço da pagina html criada.
Depois vá em:
Geral > Configuração > Descrição do Site
Em descrição do site cole o seguinte código:
<script src="ENDERECO-DA-PAGINA-HTML"></script>

Att
Wolk
Espero ter ajudado
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por MisterMatos 07.03.11 21:30

MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos a cair sobre fórum

Mensagem por Itachi Uchiha 07.03.11 21:41

Funcionou Muito feliz
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos