Janela de introdução com jquery

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

Resolvido Janela de introdução com jquery

Mensagem por Strikker em 04/11/12, 08:58 pm

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:
Http://i46.tinypic.com/wanlox.png

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

Versão do meu fórum:
PHPBB3


Última edição por Strikker em 04/11/12, 09:28 pm, editado 1 vez(es)
avatar

Strikker
Nível 1

Masculino
Inscrito dia : 04/11/2012
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Janela de introdução com jquery

Mensagem por Daemon em 04/11/12, 09:03 pm

Onde vc viu tal efeito?
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Janela de introdução com jquery

Mensagem por MateusV. em 04/11/12, 09:03 pm

Boa noite.

Cheque este tutorial:

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Janela de introdução com jquery

Mensagem por Strikker em 04/11/12, 09:12 pm

É 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 |:
avatar

Strikker
Nível 1

Masculino
Inscrito dia : 04/11/2012
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Janela de introdução com jquery

Mensagem por MateusV. em 04/11/12, 09:24 pm

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.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Janela de introdução com jquery

Mensagem por Strikker em 04/11/12, 09:28 pm

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.
avatar

Strikker
Nível 1

Masculino
Inscrito dia : 04/11/2012
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum