Janela de introdução com jquery
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Janela de introdução com jquery
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
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)
Re: Janela de introdução com jquery
É exactamente esse efeito que pretendo, mas ao contrário, pretendo que apareça logo assim que a página é carregada, entende? Obrigado
Edit : Não pretendo utilizar num fórum, mas numa página html. Logo precisará ser modificada, penso eu |:
Edit : Não pretendo utilizar num fórum, mas numa página html. Logo precisará ser modificada, penso eu |:
Re: Janela de introdução com jquery
Adicione este código:
Abraços.
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.
Re: Janela de introdução com jquery
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
Att, Strikker.
Att, Strikker.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos