Como coloco o Facebook e Twitter retrátil ?

2 participantes

Ir para baixo

Tópico resolvido Como coloco o Facebook e Twitter retrátil ?

Mensagem por Bruninho._ 07.01.15 18:07

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Vários usuários, uns sim e outros não
Endereço do fórum : http://www.csi-nwd.forumeiros.com

Descrição do problema

Olá estava tentando por o facebook e o twitter retrátil mas não consegui, podem me ajudar ?

Modelo nesse fórum ;D
http://vidadeaquarista.forumeiros.com/forum


Última edição por Bruninho._ em 09.01.15 6:06, 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 o Facebook e Twitter retrátil ?

Mensagem por Consolado 08.01.15 5:21

Olá!

Painel de Controle > Visualização > Geral
Procure por 'Conteúdo da mensagem' e cole esse código:
Código:
<style type="text/css">#FBSlideLikeBox_left{background: url(http://i.imgur.com/IQqkVba.png) 0 0 no-repeat;float:right;height:168px;position:fixed;right:-300px;padding-left:48px;top:50%;width:292px;z-index:2000}#FBSlideLikeBox_left #FBSlideLikeBox3_left{height:400px;right:0;position:absolute;border:1px solid #3B5998;width:292px;background:#f8f8f8}

#FBSlideLikeBox_right{background:url(http://i.imgur.com/xMlJ4Dy.png) 0 0 no-repeat;float:right;height:168px;position:fixed;right:-300px;padding-left:48px;top:20%;width:292px;z-index:2000}

#FBSlideLikeBox_right #FBSlideLikeBox3_right{height:600px;left:0;position:absolute;border:1px solid #3B5998;width:300px;background:#f8f8f8}

#FBSlideLikeBox_right #FBSlideLikeBox2_right{position:relative;clear:both;width:auto}</style>

<script type="text/javascript">
           jQuery(document).ready(function(jQuery) {
               jQuery("#FBSlideLikeBox_right, #FBSlideLikeBox_left").mouseenter(function() {
                   jQuery(this).stop().animate({right: 0}, "normal");
               }).mouseleave(function() {
                   jQuery(this).stop().animate({right: -300}, "normal");
               });;
           });
        
       </script>
<div style="right: -300px;" id="FBSlideLikeBox_right" title="Vida de Aquarista">
     
   <div id="FBSlideLikeBox2_right">
        
      <div id="FBSlideLikeBox3_right">
           <iframe frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:292px; height:590px;" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FLINK&width=292&height=590&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true"></iframe>  
         <!--             Iframe             -->  
      </div>
        
   </div>
     
</div>
 
<div style="right: -300px;" id="FBSlideLikeBox_left" title="Vida de Aquarista">
     
   <div id="FBSlideLikeBox2_right">
        
      <div id="FBSlideLikeBox3_right">
           <a data-widget-id="502201588262256640" href="https://twitter.com/VidadeAquarista" class="twitter-timeline">Tweets de @VidadeAquarista</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>  
         <!--             Iframe             -->  
      </div>
        
   </div>
     
</div>
 
<div style="right: -300px;" id="FBSlideLikeBox_left" title="Vida de Aquarista">
     
   <div id="FBSlideLikeBox2_right">
        
      <div id="FBSlideLikeBox3_right">
           <a data-widget-id="502201588262256640" href="https://twitter.com/VidadeAquarista" class="twitter-timeline">Tweets de @LINK</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>  
         <!--             Iframe             -->  
      </div>
        
   </div>
     
</div>
Você pode optar por usar o código em widgets também, beleza? Como não usa widgets no seu fórum, coloque na página inicial e pronto. Aliás, procure e troque LINK pelo link da página no Facebook (só precisa o ID, não do site) e @LINK mais em baixo do código pela sua conta no Twitter, começando também pelo arroba.

Espero ter ajudado.
Até mais.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco o Facebook e Twitter retrátil ?

Mensagem por Bruninho._ 09.01.15 6:05

Vlw funcionou aqui, Muito feliz
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