Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Best Skins | as melhores skins você encontra aqui.
Hoje à(s) 06:48 pm por Dr.

» Como trasnferir um site do wix para forumeiros?
Hoje à(s) 06:34 pm por Shek

» Widget melhor do mês não funciona
Hoje à(s) 05:03 pm por Kyo Panda

» Caixa de Login
Hoje à(s) 04:34 pm por iScroll

» Como fazer sub entrada?
Hoje à(s) 04:14 pm por Czins

» (PEDIDO) logo
Hoje à(s) 02:33 pm por APOllO

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 01:46 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
APOllO
 
Shek
 
odelgado
 
Kyko
 
mrvisible
 
iScroll
 
Czins
 

Quem está conectado
255 usuários online :: 7 usuários cadastrados, 1 Invisível e 247 Visitantes :: 3 Motores de busca

[SRD]JimClark, Dr., GSCode, Luiz, MtX, odelgado, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Box de Redes Sociais apenas com facebook

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

Resolvido Box de Redes Sociais apenas com facebook

Mensagem por [FTD]Randrik em 03/01/16, 05:48 pm

Detalhes da questão


Endereço do fórum: http://casadocristao.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá meus abigus e abigas
Segundo este tutorial Box de Redes Sociais,ele adiciona uma função muito bacana com Redes sociais no fórum e eu curtir muito,mas se você perceber ele adiciona 4 Redes Sociais:Facebook,Twitter,Google+ e Novidades.Porém quero apenas o facebook,gostaria que baseado no código do tutorial fizessem um pra min só que com apenas o facebook,espera que tenham entendido.
Código:
<style> img,a{border:0} #on{visibility:visible} #off{visibility:hidden} #facebook_div{width:196px;height:340px;overflow:hidden} #twitter_div{width:246px;height:353px;overflow:hidden} #google_plus_div{width:152px;height:97px;overflow:hidden;margin-top:10px;margin-left:-5px} #knfeedburner_div{width:300px;height:97px;overflow:hidden;margin-top:5px;margin-left:-4px} #kakinetwork_div{width:300px;height:97px;overflow:hidden} #facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px} #facebook_right img{position:absolute;top:-2px;left:-35px} #facebook_right iframe{border:0 solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px} #twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px} #twitter_right_img{position:absolute;top:-2px;left:-35px;border:0} #google_plus_right{z-index:10003;background-color:#F2F2F2;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-right:2px solid #0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px} #feedburner_right{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px} #kakinetwork_right img{position:absolute;top:-2px;left:-101px} #facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px} #facebook_left img{position:absolute;top:-2px;right:-35px} #facebook_left iframe{border:0 solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px} #twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px} #twitter_left_img{position:absolute;top:-2px;right:-35px;border:0} #google_plus_left{z-index:10003;background-color:#006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-left:2px solid #0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px} #feedburner_left{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-left:2px solid #5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px} #kakinetwork_left img{position:absolute;top:-2px;right:-101px} .box-title1{border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:5px 5px 5px #CCC;-moz-box-shadow:5px 5px 5px #CCC;box-shadow:5px 5px 5px #CCC;margin:10px 0;padding:10px} .enteryouremail{background:#fff!important;border:1px solid #d2d2d2;color:#a19999;font-size:12px;height:25px;width:165px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0;padding:0 8px} .submitbutton{background:#F2F2F2;border:1px solid #F66303;-webkit-box-shadow:3px 3px 3px #666;box-shadow:3px 3px 3px #666;font:bold 12px Arial, sans-serif;color:#000;height:25px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;margin:0 0 0 5px;padding:0 12px} #google_plus_right_img,#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0} #kakinetwork_right,#kakinetwork_left{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed} #google_plus_left_img,#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0}; </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right").stop(true, false).animate({ right: -200 }, 500); }); jQuery("#twitter_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#twitter_right").stop(true, false).animate({ right: -250 }, 500); }); jQuery("#google_plus_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#google_plus_right").stop(true, false).animate({ right: -154 }, 500); }); jQuery("#feedburner_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#feedburner_right").stop(true, false).animate({ right: -303 }, 500); }); });</script> <div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div">
<img src="http://i.imgur.com/x0CZ66o.png" alt=""/> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPAGINAFACEBOOK&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"> </iframe> </div>
</div>
</div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div">
<img id="twitter_right_img" src="http://i.imgur.com/ARUZdjU.png"/> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: "profile", rpp: 4, interval: 1000, width: 246, height: 265, theme: { shell: { background: "#63BEFD", color: "#FFFFFF" }, tweets: { background: "#FFFFFF", color: "#000000", links: "#47a61e"} }, features: { loop: false, live: true, scrollbar: false, hashtags: false, timestamp: true, avatars: true, behavior: "all"} }).render().setUser("twitter-pagina").start(); </script> </div>
</div>
</div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div">
<img id="google_plus_right_img" src="http://i.imgur.com/KLwc5ks.png"/> <div style="float:left;margin:10px 10px 10px 0;">
<script type="text/javascript"> window.___gcfg = {lang: "en"}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); </script> <div class="g-plus" data-href="GOOGLE+" data-width="180" data-height="69" data-theme="light">
</div>
</div>
</div>
</div>
</div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div">
<center>
<h4 style="color:#F66303;">
Receba as novidades por e-mail:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=forumeirospt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="enteryouremail" name="email" value="Digite seu e-mail aqui..." onblur="if (this.value == '') {this.value = 'Digite seu e-mail aqui...';}" onfocus="if (this.value == 'Digite seu e-mail aqui...') {this.value = '';}" type="text" /><input value="novidades-assinar" name="uri" type="hidden" /><input value="Assinar" class="submitbutton" type="submit" /></form>
</center>
<img id="feedburner_right_img" src="http://i.imgur.com/LqBiTdB.png"/> </div>
</div>
</div>

Com Deus e aquele abraço !


Última edição por [FTD]Randrik em 04/01/16, 04:25 pm, editado 1 vez(es)
avatar

[FTD]Randrik
Nível 7

Masculino
Inscrito dia : 20/05/2013
Mensagens : 83
Pontos Ativos : 148

http://lspd-samp.forumeiros.com/
  • 0

Resolvido Re: Box de Redes Sociais apenas com facebook

Mensagem por RafaelS. em 04/01/16, 01:00 pm

Olá!

Troque por este:

Código:
<style> img,a{border:0} #on{visibility:visible} #off{visibility:hidden} #facebook_div{width:196px;height:340px;overflow:hidden}  #facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px} #facebook_right img{position:absolute;top:-2px;left:-35px} #facebook_right iframe{border:0 solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px} #facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px} #facebook_left img{position:absolute;top:-2px;right:-35px} #facebook_left iframe{border:0 solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px}  </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right").stop(true, false).animate({ right: -200 }, 500); }); jQuery("#twitter_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#twitter_right").stop(true, false).animate({ right: -250 }, 500); }); jQuery("#google_plus_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#google_plus_right").stop(true, false).animate({ right: -154 }, 500); }); jQuery("#feedburner_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#feedburner_right").stop(true, false).animate({ right: -303 }, 500); }); });</script> <div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div">
<img src="http://i.imgur.com/x0CZ66o.png" alt=""/> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPAGINAFACEBOOK&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"> </iframe> </div>
</div>
</div>

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Box de Redes Sociais apenas com facebook

Mensagem por [FTD]Randrik em 04/01/16, 04:24 pm

Olá abigu funcionou
Obrigado com Deus e aquele abraço !
avatar

[FTD]Randrik
Nível 7

Masculino
Inscrito dia : 20/05/2013
Mensagens : 83
Pontos Ativos : 148

http://lspd-samp.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