Tem como??

4 participantes

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

Tópico resolvido Tem como??

Mensagem por Uatyla 25.04.16 0:44

Detalhes da questão


Endereço do fórum: http://www.vidadeaquarista.com
Versão do fórum: PhpBB3

Descrição


Olá a todos!

Pessoal,tem como colocar os últimos assuntos do fórum em uma janela flutuante? Tipo essa do Facebook que uno neste fórum http://www.vidadeaquarista.com/forum


Última edição por Uatyla em 02.05.16 1:35, editado 2 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Uatyla 26.04.16 4:50

up!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Tem como??

Mensagem por Shek 27.04.16 16:01

Bom dia!

Sim, eu presumo que seja possível com o uso de um IFRAME + Página HTML + Script incorporado na página HTML, porém, deixo-vos avisado que isso causará uma lentidão para usuários que tem computador fraco, ou que a internet não é tão rápida!!

Siga os passos deste tutorial: https://ajuda.forumeiros.com/t49688-
Depois de criar a página HTML com seu script do Feedburner, basta incluir um iframe no widget do fórum:
Código:
<iframe src='NUMERO_DA_PAGINA' style='position: fixed;height: 100%;width: 15%;border: none;top: 10px;left: 2px;'></iframe>
Troque o valor NUMERO_DA_PAGINA pela URL da página!

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Uatyla 28.04.16 1:31

como ficaria na página?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Tem como??

Mensagem por Shek 28.04.16 13:35

Desculpe, não entendi. Você no mínimo, testou o código que passei com o auxílio do tutorial? huh ?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Uatyla 29.04.16 23:23

Me referia algo assim Shek

Tem como?? Assim_tem_como
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por MateusAnjosV 30.04.16 15:29

Bom dia!

Sinto muitíssimo, Uatyla, porém a imagem que citou não nos denota absolutamente nada:
Tem como?? IH7ao1F
Seta http://prntscr.com/ayp2ks

Até mais.
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Uatyla 01.05.16 1:35

Puts olha o postimage me trollando d'novo!
segue o link da imagem https://2img.net/h/s20.postimg.cc/o2k1aplb0/assim_tem_como.jpg
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Cepheus 01.05.16 2:36

Painel de Controle > Visualização > Templates > Portal > mod_recent_topics

no inicio do código você encontrará:
Código:
<div class="module">

troque por:

Código:
<div class="module recent">


Agora crie um novo JS com investimento em todas as paginas:
Código:
$(document).ready(function() {
$( "#left .module.recent" ).clone().appendTo( ".rcCP" );
});


Agora vamos para o segundo passo, 
vou precisar do código da janela flutuante usada em seu fórum para adaptar com a janela "Tópicos recentes".
OBS: também deixe a imagem que será usada na janela, assim como a do facebook e twitter.
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Uatyla 01.05.16 4:45

@Cepheus está aqui neste tópico https://ajuda.forumeiros.com/t94716-facebook-e-twitter-aba-lateral
si fosse possível queria na aba esquerda para não ter conflito com as abas do face e Twitter
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Tem como??

Mensagem por Cepheus 01.05.16 23:03

Não esqueça de fazer o que mencionei acima,

depois troque seu atual código da janela flutuante por esse:

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;}
      #recents_cp {background: url(http://i.imgur.com/zx3ZARU.png) right top no-repeat; float: left; height: 168px; position: fixed; left: -300px; padding-right: 48px; 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(jQuery) {
          jQuery("#FBSlideLikeBox_right, #FBSlideLikeBox_left").mouseenter(function() {
              jQuery(this).stop().animate({right: 0}, "normal");
          }).mouseleave(function() {
              jQuery(this).stop().animate({right: -300}, "normal");
          });
        jQuery("#recents_cp").mouseenter(function() {
              jQuery(this).stop().animate({left: 0}, "normal");
          }).mouseleave(function() {
              jQuery(this).stop().animate({left: -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="recents_cp" style="left: -300px;">
   
  <div id="FBSlideLikeBox2_right">
       
      <div id="FBSlideLikeBox3_right">
 <div class="rcCP"></div>
 <!--    Iframe    -->
      </div>
       
  </div>
   
</div>
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tem como??

Mensagem por Uatyla 02.05.16 1:09

Show de Bola! Você é o cara... Muito obrigado meu chapa.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Tem como??

Mensagem por Shek 02.05.16 14:01

Tem como?? Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos