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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Visualização dos "Usuários online"
Hoje à(s) 4:34 por MarcosSchultz

» Setar rank automático
Hoje à(s) 4:19 por Cream

» [Pedido] Banner
Hoje à(s) 4:11 por -xGabriel..

» Botões de ação
Hoje à(s) 4:01 por iScroll

» Aparência do fórum
Hoje à(s) 2:56 por Cream

» Botão com ícones do font awesome
Hoje à(s) 2:41 por Cream

» Sistema de reputação do fórum
Hoje à(s) 2:34 por Holkis

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
Cepheus
 

Quem está conectado
58 usuários online :: 1 usuário cadastrado, 1 Invisível e 56 Visitantes :: 2 Motores de busca

GollD

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Como coloco o Facebook e Twitter retrátil ?

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

Resolvido Como coloco o Facebook e Twitter retrátil ?

Mensagem por Bruninho._ em Qua 7 Jan 2015 - 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 Sex 9 Jan 2015 - 6:06, editado 1 vez(es)

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1733

http://www.csi-nwd.forumeiros.com

Resolvido Re: Como coloco o Facebook e Twitter retrátil ?

Mensagem por Consolado em Qui 8 Jan 2015 - 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
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 8100

Resolvido Re: Como coloco o Facebook e Twitter retrátil ?

Mensagem por Bruninho._ em Sex 9 Jan 2015 - 6:05

Vlw funcionou aqui, Muito feliz

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1733

http://www.csi-nwd.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5