Facebook e Twitter Aba lateral

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

Atendido / Resolvido Facebook e Twitter Aba lateral

Mensagem por Uatyla em 20.08.14 23:22

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 17:15, editado 1 vez(es)
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2470
Pontos Ativos : 3502

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

Atendido / Resolvido Re: Facebook e Twitter Aba lateral

Mensagem por Uatyla em 22.08.14 12:00

up
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2470
Pontos Ativos : 3502

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

Atendido / Resolvido Re: Facebook e Twitter Aba lateral

Mensagem por Shek em 23.08.14 17:07

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
https://ajuda.forumeiros.com/f17-

Até mais!


Bem-vindo ao Fórum dos Fóruns!
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
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18137
Pontos Ativos : 22144

Ver perfil do usuário https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Facebook e Twitter Aba lateral

Mensagem por Uatyla em 23.08.14 17:15

Perfeito! Muito obrigado amigo.
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2470
Pontos Ativos : 3502

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