Facebook e Twitter Aba lateral

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

Resolvido Facebook e Twitter Aba lateral

Mensagem por Uatyla em 20/08/14, 07:22 pm

Olá senhores!

Preciso da ajuda dos senhores, que entendem bem mais que eu nessa ária. Recentemente pedi um código aqui no FDF das redes sociais, porem depois de colocar em meu fórum não tive o agrado que esperava, devido ser quatro então desejo só Twuiter e facebook.

Preciso de um código para o Twitter igual a esse do Face que uso separadamente ou mesclar para que fique Twitter e Facebook, usando apenas dois, não vai interferi na minha publicidade. 

Uso esse código para o Facebook
Código:
 <style type="text/css">
        #FBSlideLikeBox_left {background: url(http://upic.me/i/zw/or2fb.png) 292px 0 no-repeat; float: left; height: 168px; position: fixed; left: -292px; padding-right: 56px; top: 20%; 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://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.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($) {
            $("#FBSlideLikeBox_right").mouseenter(function() {
                $(this).stop().animate({right: 0}, "normal");
            }).mouseleave(function() {
                $(this).stop().animate({right: -300}, "normal");
            });;
        });
    </script>
<div title="Vida de Aquarista" id="FBSlideLikeBox_right" style="right: -300px;">
     
    <div id="FBSlideLikeBox2_right">
         
        <div id="FBSlideLikeBox3_right">
             <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FMinhaVidadeAquarista&width=292&height=590&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true" scrolling="no" style="border:none; overflow:hidden; width:292px; height:590px;" allowtransparency="true" frameborder="0"></iframe>
            <!--    Iframe    -->
        </div>
         
    </div>
     
</div>

js
Código:
jQuery(document).ready(function($) {
            $("#FBSlideLikeBox_right").mouseenter(function() {
                $(this).stop().animate({right: 0}, "normal");
            }).mouseleave(function() {
                $(this).stop().animate({right: -300}, "normal");
            });;
        });


o like box  do meu Twitter e esse
Código:
<a class="twitter-timeline"  href="https://twitter.com/VidadeAquarista"  data-widget-id="502201588262256640">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>




Última edição por uatyla em 23/08/14, 01:15 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Facebook e Twitter Aba lateral

Mensagem por Uatyla em 22/08/14, 08:00 am

up
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Facebook e Twitter Aba lateral

Mensagem por Shek em 23/08/14, 01:07 pm

Bom dia!

Troque seu código por este:
Código:
<style type="text/css">
      #FBSlideLikeBox_left {background: url(http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.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://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.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 title="Vida de Aquarista" id="FBSlideLikeBox_right" style="right: -300px;">
   
  <div id="FBSlideLikeBox2_right">
       
      <div id="FBSlideLikeBox3_right">
            <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FMinhaVidadeAquarista&width=292&height=590&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true" scrolling="no" style="border:none; overflow:hidden; width:292px; height:590px;" allowtransparency="true" frameborder="0"></iframe>
          <!--    Iframe    -->
      </div>
       
  </div>
   
</div>
<div title="Vida de Aquarista" id="FBSlideLikeBox_left" style="right: -300px;">
   
  <div id="FBSlideLikeBox2_right">
       
      <div id="FBSlideLikeBox3_right">
<a class="twitter-timeline"  href="https://twitter.com/VidadeAquarista"  data-widget-id="502201588262256640">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 title="Vida de Aquarista" id="FBSlideLikeBox_left" style="right: -300px;">
   
  <div id="FBSlideLikeBox2_right">
       
      <div id="FBSlideLikeBox3_right">
<a class="twitter-timeline"  href="https://twitter.com/VidadeAquarista"  data-widget-id="502201588262256640">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>
Solicite no setor gráfico a imagem correspondente ao twitter: http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png
http://ajuda.forumeiros.com/f17-

Até mais!


Bem-vindo(a) ao Suporte do serviço Forumeiros!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley — Admineiro

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17363
Pontos Ativos : 21548

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: Facebook e Twitter Aba lateral

Mensagem por Uatyla em 23/08/14, 01:15 pm

Perfeito! Muito obrigado amigo.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum