Janela de introdução com jquery

3 participantes

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

Tópico resolvido Janela de introdução com jquery

Mensagem por Strikker 04.11.12 22:58

Qual é minha questão:
Boa noite,

Sou recente nesse fórum, e ainda não tenho um fórum definido, apenas estou testando num fórum de teste. Será possível, criar uma janela com jQuery igual à imagem do exemplo, sempre que a página for acessada?

Att, Strikker

Links e imagens do meu problema:
https://2img.net/h/oi46.tinypic.com/wanlox.png

Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por Strikker em 04.11.12 23:28, editado 1 vez(es)
Strikker

Strikker
Novo Membro

Membro desde : 04/11/2012
Mensagens : 3
Pontos : 5

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela de introdução com jquery

Mensagem por Daemon 04.11.12 23:03

Onde vc viu tal efeito?
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Janela de introdução com jquery

Mensagem por MateusV. 04.11.12 23:03

Boa noite.

Cheque este tutorial:

Abraços.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela de introdução com jquery

Mensagem por Strikker 04.11.12 23:12

É exactamente esse efeito que pretendo, mas ao contrário, pretendo que apareça logo assim que a página é carregada, entende? Obrigado Feliz

Edit : Não pretendo utilizar num fórum, mas numa página html. Logo precisará ser modificada, penso eu |:
Strikker

Strikker
Novo Membro

Membro desde : 04/11/2012
Mensagens : 3
Pontos : 5

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Janela de introdução com jquery

Mensagem por MateusV. 04.11.12 23:24

Adicione este código:
jQuery(document).ready(function(){var i= "LINK QUE IRÁ REDIRECIONAR CASO CLIQUE EM CONTINUAR";jQuery('body').prepend('<div style="display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important;background:rgba(82, 82, 82, .7);" id=janelacurl><div class=panel style="padding:10px!important;text-align:left!important;float:center!important;background:white!important;width:400px!important;position:absolute!important;top:50%!important;left:50%!important;margin-left:-211px!important;margin-top:-54px!important;display:block!important;visibility:visible!important;z-index:1!important;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important">Você está saindo do NOME.<br>Não forneça sua senha se for solicitada.<br>Link: <div style=display:inline!important;text-decoration:underline!important id=linkcld></div><br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');jQuery('#janelacurl').show();jQuery('#bcango.bcan').click(function(){jQuery('#janelacurl').remove();});jQuery('#bcango.bgo').click(function(){document.location=i;});});

Abraços.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela de introdução com jquery

Mensagem por Strikker 04.11.12 23:28

Esse código resolveu a minha dúvida, exactamente o que precisava para colocar a funcionar meu fórum no futuro! Muito Obrigado, tenha uma boa noite Piscada

Att, Strikker.
Strikker

Strikker
Novo Membro

Membro desde : 04/11/2012
Mensagens : 3
Pontos : 5

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