Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

FaceBook Slide LikeBox

+5
Matrix-x
TiagoEDGE
Igor_Ruiz
João Vitor
B-bytes
9 participantes

Início :: Forumeiros :: Dicas e tutoriaisFaceBook Slide LikeBox

Anonymous Convidad  • Qui 20 Jun 2013 - 18:02

FaceBook Slide LikeBox Empty FaceBook Slide LikeBox Qui 20 Jun 2013 - 18:02

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: FaceBook Slide LikeBox
Autor: Domínio Público
Funcionalidade: PunBB
Categoria: Recursos de Outros Autores

Para adicionar o plugin likebox do facebook no seu fórum!

Créditos:
Código: Domínio público (OpenSource)
Plugin: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
1º - Edição de templates
Adicione o código abaixo no template Overall_header:
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: 400px; 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="Find us on Facebook!" id="FBSlideLikeBox_right" style="right: -300px;">
 <div id="FBSlideLikeBox2_right">
 <div id="FBSlideLikeBox3_right">
 <!-- Iframe -->
 </div>
 </div>
</div>
Após criar sua [página] no facebook, vá em :https://developers.facebook.com/docs/reference/plugins/like-box/ e siga os passos, após clicar no botão [Get Code] escolha iframe e copie o conteúdo na tag !

B-bytes B-bytes  • Qui 20 Jun 2013 - 19:18

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qui 20 Jun 2013 - 19:18

Ótimo script(Tão vendo minha foto ai? u.u preto e branco, sou lindo, eu sei) obrigado por compartilhar Very Happy

João Vitor João Vitor  • Qui 20 Jun 2013 - 19:57

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qui 20 Jun 2013 - 19:57

Muito bom o código.

@OFF: JScript seu fórum aqui ta off ai não da pra ver o resultado sem ser pela imagem, eu queria saber se o likebox abre deslizando ou quando clica abre de vez.

Anonymous Convidad  • Qui 20 Jun 2013 - 20:14

Igor_Ruiz Igor_Ruiz  • Qui 20 Jun 2013 - 22:49

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qui 20 Jun 2013 - 22:49

Como disso lá no Punbb, esta muito TOP !

Anonymous Convidad  • Qui 20 Jun 2013 - 23:17

TiagoEDGE TiagoEDGE  • Sex 21 Jun 2013 - 7:04

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Sex 21 Jun 2013 - 7:04

isso da pah tirar o deslizando ???

Anonymous Convidad  • Sex 21 Jun 2013 - 7:23

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Sex 21 Jun 2013 - 7:23

@Madara Uchiha
Com certeza que sim amigo, e é bem simples: onclick

JS

TiagoEDGE TiagoEDGE  • Sex 21 Jun 2013 - 7:25

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Sex 21 Jun 2013 - 7:25

desculpe ONCLICK ?? como assim nao percebi

Anonymous Convidad  • Sex 21 Jun 2013 - 8:47

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Sex 21 Jun 2013 - 8:47

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
FaceBook Slide LikeBox

JS

avatar Matrix-x  • Sex 21 Jun 2013 - 14:26

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Sex 21 Jun 2013 - 14:26

Funcionou

pedrocury pedrocury  • Qui 4 Jul 2013 - 14:38

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qui 4 Jul 2013 - 14:38

Consegui!!! demorei mais consegui!!
Valeu, belo código! abraços!

vitorsoaress vitorsoaress  • Qui 4 Jul 2013 - 15:07

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qui 4 Jul 2013 - 15:07

Muito bom XD

Anonymous Convidado  • Qua 25 Set 2013 - 10:24

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qua 25 Set 2013 - 10:24

desculpa mas nao entendi o segundo passo.
depois de pegar o iframe no developers do face aonde eu coloco o iframe???

Anonymous Convidado  • Dom 29 Set 2013 - 10:56

avatar Eragon™  • Ter 21 Jul 2015 - 0:46

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Ter 21 Jul 2015 - 0:46

Ta bom, mas odne coloca o codigo que pega no facebook?

xbctkun xbctkun  • Qua 8 Jun 2016 - 14:54

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox Qua 8 Jun 2016 - 14:54

bom pra krlllllllllllllllll

Conteúdo patrocinado  • 

FaceBook Slide LikeBox Empty Re: FaceBook Slide LikeBox

Início :: Forumeiros :: Dicas e tutoriais:: FaceBook Slide LikeBox
Permissões neste sub-fórum
Não podes responder a tópicos