Como coloco pop-up de curtir página do facebook Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como coloco pop-up de curtir página do facebook

+3
Roevs
Alcohol
Bruninho._
7 participantes

Ir para baixo

Tópico resolvido Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 3:59

Qual é minha questão:
Queria que fosse igual a este:

Como coloco pop-up de curtir página do facebook Curtirf

Endereço do meu fórum:
http://www.csi-nwd.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Bruninho._ em 06.01.13 23:34, editado 1 vez(es)
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Alcohol 06.01.13 4:04

Alcohol
Alcohol
Hiper Membro

Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 4:11

Mas eu não quero esse estilo de pop-up não =/

Como coloco pop-up de curtir página do facebook Img111
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Alcohol 06.01.13 4:37

Ola,
por esse motivo o tutorial diz criar e personalizar!

Essa é apenas o exemplo da imagem que aparecerá no fórum e para adicionar a pagina do facebook você terá de personalizar!
Alcohol
Alcohol
Hiper Membro

Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 5:24

Pois é não estou conseguindo personalizar para aquela forma da imagem que postei no tópico se alguém puder me ajudar ficaria muito grato.
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Roevs 06.01.13 12:44

Olá,

Poderia me passar o link aonde viu este poup ?

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Sennior 06.01.13 13:46

Olá Bruninho._!

O mesmo não é possivel. O senhor deseja um sistema de Pop Up para quando entrassem o fórum o mesmo abria uma Pop - Up do facebook.

Isso não é possivel pois não damos suporte à códigos Java Scripts.

Até mais! Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Roevs 06.01.13 13:52

Olá,

Mikéé isso e possível sim já tive um desse em meu fórum e só por o código na Mensagem da página inicial e depois por um código na folha de estilo CSS

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Sennior 06.01.13 13:57

Olá!

Temos mesmo amigão! Olá,

Flecha ajudeiros https://ajuda.forumeiros.com/t12181-

Depois, aceda à:

Flecha ajudeiros https://developers.facebook.com/docs/plugins/

Escolha o plugin desejado e aplique.

Atenciosamente.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 21:09

Da forma que vc me passou Mikéé funcionou, mas ficou feio pacas kkkkk

tem como me ajuda a ficar parecido com o desse fórum

http://www.thegtasc.net/
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Roevs 06.01.13 21:17

Olá,

Primeiro vá em :

Painel de Controle Seta Visualização Seta Página Inicial Seta Geral Seta Mensagem na Página Inicial.

Adiciona o seguinte código

Código:
<div style="padding-bottom: 57px; padding-right: 28px; display: block; width: 322px; height: 371px; top: 113.5px; left: 328.5px;" id="colorbox" class=""><div id="cboxWrapper" style="height: 428px; width: 350px;"><div style=""><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left; width: 322px;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left; height: 371px;"></div><div id="cboxContent" style="float: left; width: 322px; height: 371px;"><div id="cboxLoadedContent" style="width: 322px; overflow: auto; height: 366px;"><div id="subscribe" style="padding:10px; background:#fff;">
<center>
<a href="http://www.facebook.com/thegtasc" target="_blank"><img src="http://1.bp.blogspot.com/-Ckucdu-p--w/UG8l8hpxyhI/AAAAAAAAASU/H1g41jp1nZQ/s1600/curtir_fb.png"></a><br>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fthegtasc&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><div id="cboxLoadingOverlay" style="height: 371px; display: none;" class=""></div><div id="cboxLoadingGraphic" style="height: 371px; display: none;" class=""></div><div id="cboxTitle" style="display: block;" class=""></div><div id="cboxCurrent" style="display: none;" class=""></div><div id="cboxNext" style="display: none;" class=""></div><div id="cboxPrevious" style="display: none;" class=""></div><div id="cboxSlideshow" style="display: none;" class=""></div><div id="cboxClose" style="" class="">close</div></div><div id="cboxMiddleRight" style="float: left; height: 371px;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left; width: 322px;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div></div>

Depois adiciona este código na sua Folha de estilo CSS

Código:
#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);
}
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxTopLeft {
width: 14px;
height: 14px;
background: url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;
}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif;
color: #666;
background: white;
}
#cboxLoadedContent {
margin-bottom: 5px;
}
.pluginButton {
background: #ECEEF5;
-webkit-border-radius: 3px;
border: 1px solid #CAD4E7;
cursor: pointer;
padding: 2px 6px 4px;
white-space: nowrap;
color: #3B5998;
}
.pluginButton:hover {
border-color: #9DACCE;
}
.plm {
padding-left: 10px;
}

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Ngw_PedroC 06.01.13 21:23

Funciono?? ....
Ngw_PedroC
Ngw_PedroC
***

Membro desde : 25/12/2012
Mensagens : 179
Pontos : 267

http://nightwolfserver.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 21:33

Ficou meio bugado mais funcionou.

Não ficou centralizado;
Não apareceu o botão X (Fechar);
e Não deu aquele filtro q o fundo fica escuro;
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Roevs 06.01.13 21:56

Olá,

Poderia me informar se o poup ainda esta em seu fórum ?

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 22:00

não eu retirei mas posso coloca-lo novamente.


@Edit

Coloquei novamente no Forum, v como q ficou =/
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Roevs 06.01.13 22:41

Olá,

Acho que eles retirou o poup do the gta então só tem como eu pegar o código para por o botão e arrumar o fundo se eles tivessem com o poup não sei se eles tirou estarei vendo se e meu navegador

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por seender 06.01.13 22:50

Olá!

Adicione este código na sua home page:
Código:
<div style="padding-bottom: 57px; padding-right: 28px; display: block; width: 322px; height: 371px; top: 113.5px; left: 328.5px;" id="colorbox" class=""><div id="cboxWrapper" style="height: 428px; width: 350px;"><div style=""><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left; width: 322px;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left; height: 371px;"></div><div id="cboxContent" style="float: left; width: 322px; height: 371px;"><div id="cboxLoadedContent" style="width: 322px; overflow: auto; height: 366px;"><div id="subscribe" style="padding:10px; background:#fff;">
<center>
<a href="http://www.facebook.com/thegtasc" target="_blank"><img src="http://1.bp.blogspot.com/-Ckucdu-p--w/UG8l8hpxyhI/AAAAAAAAASU/H1g41jp1nZQ/s1600/curtir_fb.png"></a><br>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fthegtasc&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><div id="cboxLoadingOverlay" style="height: 371px; display: none;" class=""></div><div id="cboxLoadingGraphic" style="height: 371px; display: none;" class=""></div><div id="cboxTitle" style="display: block;" class=""></div><div id="cboxCurrent" style="display: none;" class=""></div><div id="cboxNext" style="display: none;" class=""></div><div id="cboxPrevious" style="display: none;" class=""></div><div id="cboxSlideshow" style="display: none;" class=""></div><div id="cboxClose" style="" class="">close</div></div><div id="cboxMiddleRight" style="float: left; height: 371px;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left; width: 322px;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div></div>
Adicione em:
Painel...-> Visualização -> Página inicial -> Geral / Mensagem na home page
E também este css:
Código:
#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);
}
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 999;
overflow: hidden;
}
#cboxLoadedContent{
  width:350px !important;
  margin-left:0px;
  height:700px !important;
  margin-top:10px !important;
}
#colorbox{margin-left:120px;background-color:#fff;}
#cboxTopLeft {
width: 14px;
height: 14px;
background: url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;
}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif;
color: #666;
background: white;
}
#cboxLoadedContent {
margin-bottom: 5px;
}
.pluginButton {
background: #ECEEF5;
-webkit-border-radius: 3px;
border: 1px solid #CAD4E7;
cursor: pointer;
padding: 2px 6px 4px;
white-space: nowrap;
color: #3B5998;
}
.pluginButton:hover {
border-color: #9DACCE;
}
.plm {
padding-left: 10px;
}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 23:14

Não ficou legal =/
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por seender 06.01.13 23:22

Olá!

O que não ficou legal? funciona perfeitamente, veja: http://brazucas.forumado.net/

Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por NWD_Gui 06.01.13 23:30

Use este código:

Código:
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style type="text/css">
 
/***********************************************
* CSS POP-UP With Light Box Effect- © EXEIdeas (www.exeideas.com)
* This notice must stay intact for use.
* Visit http://www.exeideas.com/ for full source code.
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;z-index:999999;}
#exestylepopup {background-color: #fff; overflow:none;z-index:999999;}
.exestylepopup {width:400px; height:420px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #999; padding: 20px;z-index:999999;}
.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center><h3 class="exe-title">Receive All Updates Via Facebook. Just Click the Like Button Below...</h3></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=[b][color=red]LINK DA SUA PÁGINA[/color][/b]&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>
<br />
<center style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" "> N/A</a></center>
<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
NWD_Gui
NWD_Gui
*

Membro desde : 17/03/2012
Mensagens : 44
Pontos : 62

http://nwdgames.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco pop-up de curtir página do facebook

Mensagem por Bruninho._ 06.01.13 23:33

Aee Gui o teu funcionou bacana!!! vlw ae =D
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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