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!


Shek CrowleyAdmineiro - Fórum dos Fóruns

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

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

- Tópicos similares

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