Janela automática no fórum

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

Resolvido Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 06:11 pm

Qual é minha questão:
Então é assim, estava eu a abrir um fórum quando me deparo com uma janela que me abre automáticamente sobre o login. ( http://i.imgur.com/apfybk4.png )
Eu pensei que fosse possível fazer o mesmo mas com uma diferença, abrir uma página automática quando abro o fórum, mas sobre o facebook. Assim quando viam essa janela, ficavam a saber sobre o facebook do meu fórum e era uma forma de angariar mais gostos.

Ps. Gostava de uma janela automática só quando se abria o fórum, não constantemente sempre que se clicava em algo.

Tipo isto : http://i.imgur.com/temAgbu.png

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

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 28/09/13, 02:05 pm, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por BrunoH. em 27/09/13, 06:16 pm

Olá,

Poderia me fornecer o URL do fórum onde o senhor viu o tal efeito? Do Facebook?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 06:17 pm

www.tugafoot.com

Esse mesmo.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por BrunoH. em 27/09/13, 06:25 pm

Olá,

Leia este tópico:
Seta [FAQ] Pop-up de conexão
Nele ensinará a criar uma Pop-up de conexão. No painel de controle de configuração da Pop-up, em mensagem adicione este código:
Código:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/TugafootCom&amp;width=292&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=300" scrolling="no" frameborder="0" style="border:medium none; overflow:hidden; width:293px; height:291px" allowtransparency="true"></iframe>
e Salve!

Até mais.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 06:33 pm

Olá!
Deixo aqui uma imagem do que aparece ( http://i.imgur.com/yawuzOZ.png )

Mas uma coisa, só aparece quando tou desconectado, queria também que aparecesse a todos, quando abrem o fórum
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Shek em 27/09/13, 06:43 pm

Boa tarde.

Use as instruções do seguinte tutorial:
Spoiler:

 

Redes sociais

Neste tutorial vamos trabalhar com um pequeno JS que pode ser modificado por qualquer internauta com muita facilidade, sendo ele, responsável por um efeito desejado em muitos fóruns que optaram pela ferramenta que mostra os seguidores de uma FÃ PAGE do facebook na página do fórum.
Temos algo do gênero que poderá gostar também: http://shift.forumactif.com/t449-tutorial-caixa-de-comentarios-do-facebook-no-forum-tipo-blog  :beleza4: 



--> Tutoriais <--
Caixa de fãs do Facebook com lightbox


- Criar e capturar um ID:
Antes de prosseguir, acesse a seguinte página e personalize a sua caixa de qualquer maneira: https://developers.facebook.com/docs/reference/plugins/like-box/ Ao acessar, crie uma box de qualquer jeito, porque vamos precisar somente do ID do aplicativo para continuar. LEMBRE-SE de determinar o nome da sua página no Facebook antes de clicar em GET CODE.

Depois de determinar como IFRAME, copie somente o APPID ou ID do aplicativo IFRAME, porque no código Javascript teremos o poder para editá-lo como queremos. Piscada


- Aplicação do código Javascript:
Agora vamos colar o seguinte código nas páginas Javascript do seu painel. Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >> Criar um novo Javascript > Investimento > No índice

// ShiftActif - Código disponível no Fórum ShiftActif. Por favor, não remova esse trecho, pois ele não interfere no funcionamento do código.
var adress="URL_DA_PAGINA_QUE_VAI_APARECER";if(window.location.href==adress){jQuery(function(){jQuery("body").eq(0).append('<div id="msgmask" style="position: fixed; width: 100%; height: 100%; background: #222; opacity: .7; top: 0px; left: 0px; z-index: 100000"></div><div id="msgwelcome" style="background: url(\'http://i14.servimg.com/u/f14/16/87/99/88/s-foru10.png\') no-repeat 440px 30px #FFF; padding: 10px; border-radius: 5px; box-shadow: 0 1px 40px #000; position: fixed; top: 100px; left: 30%; font-size: 14px; height: 290px; padding-right: 60px; z-index: 10000000"><span style="font-size: 24px; color: #BEE916"><b>Curta nossa página no Facebook!</b></span><br><br><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2NOME_DA_PÁGINA&amp;width=290&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=true&amp;appId=453777874671284" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe></center><br><br><a href="#" style="float: right" id="closeen" onclick="$(\'#msgmask\').fadeOut();jQuery(\'#msgwelcome\').fadeOut();">Fechar</a></div>')})}
No Azul Forumeiros, você vai determinar a página em que o código vai atuar. Se for na página principal, basta marcar o Investimento no índice, e no lugar do texto, colocar a URL completa da página principal.
Azul: Adicione o nome da sua página. Ou seja, o endereço da página no seu facebook. Como é ShiftActif, no lugar do texto colocaríamos o nome Shiftactif.
Laranja: ID do aplicativo que você teve no começo do tutorial. Somente os números é o que valem.
Violeta: Altura da caixa do Facebook

Feito essas edições, salve o JS e veja na página que determinou o efeito:



  • Resultado esperado:





© ShiftActif


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Caixa de fãs do Facebook com lightbox

Atenciosamente,
Shek. Muito feliz


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 06:58 pm

Olá Shek.
Fiz tudo direitinho e aparece-me isto - http://i.imgur.com/ufdavdU.png
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Shek em 27/09/13, 07:05 pm

Boa noite!

Forneça-me os seguintes dados:
Código usado:
Endereço da página no Facebook:
Atenciosamente,
Shek Muito feliz


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 07:09 pm

avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Shek em 27/09/13, 07:15 pm

Boa noite!

Use este código:
Código:
// ShiftActif - Código disponível no Fórum ShiftActif. Por favor, não remova esse trecho, pois ele não interfere no funcionamento do código.
var adress="https://www.facebook.com/pages/Ball2D-Portugal/490903977614888";if(window.location.href==adress){jQuery(function(){jQuery("body").eq(0).append('<div id="msgmask" style="position: fixed; width: 100%; height: 100%; background: #222; opacity: .7; top: 0px; left: 0px; z-index: 100000"></div><div id="msgwelcome" style="background: url(\'http://i14.servimg.com/u/f14/16/87/99/88/s-foru10.png\') no-repeat 440px 30px #FFF; padding: 10px; border-radius: 5px; box-shadow: 0 1px 40px #000; position: fixed; top: 100px; left: 30%; font-size: 14px; height: 290px; padding-right: 60px; z-index: 10000000"><span style="font-size: 24px; color: #BEE916"><b>Curta nossa página no Facebook!</b></span><br><br><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ball2D&amp;width=290&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=true&amp;appId=453777874671284" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe></center><br><br><a href="#" style="float: right" id="closeen" onclick="$(\'#msgmask\').fadeOut();jQuery(\'#msgwelcome\').fadeOut();">Fechar</a></div>')})}
Não foi testado.

Até mais.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 07:23 pm

Boa noite.
Coloquei código e agora não me aparece nada.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Jpjupa em 27/09/13, 07:27 pm

Ei amigo, novamente atendendo um post seu, satisfação.

Eu havia pesquisado em alguns lugares na internet, alguns códigos com efeito desejado.

Primeiro, crie um widget, depois adicione o seguinte código:
Código:
<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://yourjavascript.com/1029251148/jquery.min.js'></script>
<script src="http://yourjavascript.com/1141272178/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"350px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBall2D-Portugal/490903977614888&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
</div>
</div>

Teste, e poste o resultado.
Ah, amigo, tente tirar esse número gigante da frente do link, ficará mais limpo.

Abraço.
Jp.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 27/09/13, 07:32 pm

Continua sem aparecer nada, amigo.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Jpjupa em 27/09/13, 07:38 pm

É por isso que eu digo, procure no google um jeito de retirar aqueles números, aí sim vou poder te ajudar.

Pois esses números são as causas do problema, de o POP-UP do facebook estar bugando.

Abraço amigo.
Jp.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 28/09/13, 06:20 am

Olá amigo.
Está aqui o que você necessita : https://www.facebook.com/Ball2DPT
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Shek em 28/09/13, 07:51 am

Bom dia!

O código que apresentei não é exibido novamente ? O senhor poderia limpar os cookies do navegador? Se não me falha a memória ele armazena cookies para não aparecer por uma segunda vez.

Até mais.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 28/09/13, 08:20 am

oLÁ.
Tudo igual. :s
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Shek em 28/09/13, 08:41 am

Bom dia!

Faça o teste novamente com este código:
Código:
// ShiftActif - Código disponível no Fórum ShiftActif. Por favor, não remova esse trecho, pois ele não interfere no funcionamento do código.
var adress="http://ball2dpt.forumeiros.com/forum";if(window.location.href==adress){jQuery(function(){jQuery("body").eq(0).append('<div id="msgmask" style="position: fixed; width: 100%; height: 100%; background: #222; opacity: .7; top: 0px; left: 0px; z-index: 100000"></div><div id="msgwelcome" style="background: url(\'http://i14.servimg.com/u/f14/16/87/99/88/s-foru10.png\') no-repeat 440px 30px #FFF; padding: 10px; border-radius: 5px; box-shadow: 0 1px 40px #000; position: fixed; top: 100px; left: 30%; font-size: 14px; height: 290px; padding-right: 60px; z-index: 10000000"><span style="font-size: 24px; color: #BEE916"><b>Curta nossa página no Facebook!</b></span><br><br><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ball2D&amp;width=290&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=true&amp;appId=453777874671284" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe></center><br><br><a href="#" style="float: right" id="closeen" onclick="$(\'#msgmask\').fadeOut();jQuery(\'#msgwelcome\').fadeOut();">Fechar</a></div>')})}
Atenciosamente.
Shek Piscada


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 28/09/13, 09:04 am

Olá Shek.
Houve melhorias, agora aparece sim, mas a janela a branco

Imagem: http://i.imgur.com/uVys318.png
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 28/09/13, 11:52 am

Será possível criar um pop-up desse género : http://i.imgur.com/temAgbu.png 
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Janela automática no fórum

Mensagem por MateusA em 28/09/13, 12:57 pm

Olá!

Aceda á teu painel administrativo:
Painel de Controle Seta Visualização Seta Home Page Seta Geral Seta Conteúdo da mensagem
Seta Terá de adicionar este código no 'Conteúdo da mensagem':
Código:

        <script language="javascript" type="">
var adress="https://www.facebook.com/pages/Ball2D-Portugal/490903977614888";
        function close_popup() {
        jQuery('.popup').hide('slow');
        jQuery('.popup_bg').hide('slow');
        }

        jQuery(document).ready(function () {

        jQuery('.popup_bg').css({
        position: 'fixed',
        display: 'none',
        top: 0, right: 0, left: 0, bottom: 0
        });

        function open_popup() {
        jQuery('.popup_bg').css('display', 'block');
        jQuery('.popup').show('slow');
        }
        open_popup();
        });</script><div class="popup_bg"><DIV class="popup">
      <center>
<a style="background: black;text-transform: uppercase;padding: 5px;color: white" href="javascript&#058 close_popup();"><b>Clique aqui para fechar</b></a><br><br></center>
    <center>iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBall2DPT&amp;width=292&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:300px;" allowTransparency="true"></iframe></center>
        </DIV></div>
<style>        .popup {
        position: fixed;
        top: 30%;
        left: 35%;
        width: 294px;
        height: auto;
        padding: 10px 10px 20px 10px;
        border-width: 0px;
        border-style: solid;
background: #333333;
        display: none;
        }
        </style>
             
Cordialmente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Janela automática no fórum

Mensagem por Diogo Ferreira em 28/09/13, 02:06 pm

Muito obrigado!
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.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