Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Como remover essas bordas dos avatares?
Hoje à(s) 01:31 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 07:41 pm por Lost154

» Publicidade bugada
Ontem à(s) 07:31 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
212 usuários online :: 3 usuários cadastrados, 1 Invisível e 208 Visitantes :: 2 Motores de busca

Herbert Silva, Key of Destiny, Nerdzinhu

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Alteração no sistema de Facebook

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

Resolvido Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 11/10/16, 01:30 pm

Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com/forum
Versão do fórum: PunBB

Descrição


Bom, existe esse sistema de facebook, que ao passar o mouse aparecer a aba: http://imgur.com/a/om5W, bom, oque eu quero fazer, eu gostaria do código dele e fazer alterações, no caso tira esse nome Facebook, diminuir a largura total, deixando no lugar do nome facebook, uma setar, que ao passa o mouse iria aparece a aba, e também eu gostaria de deixa o fundo transparente, como o footer, depois disso, eu gostaria de coloca ele aqui onde está marcado em vermelho no meu fórum: http://imgur.com/a/etYEB e coloca esse botão conectar, que estarei pedindo aqui na forumeiros. Espero que entenderam.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Sennior em 11/10/16, 05:39 pm

Saudações!

Infelizmente o link da primeira PrintScreen esta fora do ar.
Poderia por gentileza re-upar para vermos o que o senhor deseja?

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 11/10/16, 06:21 pm

Aqui está: http://imgur.com/a/S9I87
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Sennior em 11/10/16, 06:30 pm

Boas!

Onde viu esse efeito do Facebook em aba?
Poderia nos conceder o link?

Até mais.
Haseo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 11/10/16, 06:37 pm

Vi neste fórum: http://brasilplayfatal.com/forum
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Sennior em 11/10/16, 08:02 pm

Saudações!

Como não tenho as imagens que o senhor deseja, eu peguei algumas do Google mesmo.
Preciso que seja mais descritivo quanto ao que deseja, por via, eu fiz isso:
Código:
<style type="text/css">#FBSlideLikeBox_right {
    background: url(http://defcar.sarein.com/portals/3/Fotos%20M%C3%B3dulos/FLECHA%20IZQUIERDA.png) 0 0 no-repeat;
    float: right;
    height: 172px;
    position: fixed;
    right: -300px;
    padding-left: 94px;
    top: 20%;
    width: 276px;
    z-index: 2000;
    background-size: 21%;
}#FBSlideLikeBox_left #FBSlideLikeBox3_left{height:400px;right:0;position:absolute;border:1px solid #3B5998;width:292px;background:#f8f8f8}#FBSlideLikeBox_right{background:url(http://i.imgur.com/xMlJ4Dy.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: rgba(248, 248, 248, 0.14);
}#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 style="right: -300px;" id="FBSlideLikeBox_right" title="Brasil Play Fatal"><div id="FBSlideLikeBox2_right"><div id="FBSlideLikeBox3_right"><iframe frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:292px; height:590px;" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbrasilplayfatal?fref=ts&amp;width=292&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=true"></iframe><!--
            Iframe            -->  </div></div></div>

Coloque este código na Home Page de teu fórum, no painel de controle.
Até mais.
Haseo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 11/10/16, 08:33 pm

Bom, eu não quero uma home page, entende, quero um pequeno menu com o efeito hover dessa home page.. Ao passar o mouse apareceria os botões.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Sennior em 11/10/16, 08:45 pm

Ué... Mas a função só vai funcionar se tiver na Home page. Tonto
Não significa que só porque o código ta na Home page que ele vai ficar definitivamente na Home page do teu fórum.

O senhor testou o código? Computador
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 12/10/16, 10:14 am

Onde fica essa homepage?? Tentei coloca pelos widgeets, porém meus widgeets estão bugados e não aparecem.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Sennior em 12/10/16, 12:18 pm

Boas!

Vá em:
Cpainel ->> Visualização ->> Página inicial ->> Geral
Procure pelo campo "Mensagem na Página Inicial" e coloque o código.

Até mais.
Haseo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 12/10/16, 12:41 pm

Certo resultou, mas agora teria como coloca a mesma transparência do meu footer? E diminuir a altura dele, para fica com a mesma dimensão dessa marcação em vermelho aqui: http://imgur.com/a/etYEB, e deixa ele posicionado na marca vermelha da print.

@EDIT

Bom, eu gostaria que ele ficasse nessa dimensão aqui: http://imgur.com/a/XnKVd . fiz uma pequena montagem para vocês verem como quero, nele vai fica esses botões: http://imgur.com/a/2bQIU com links externos. E eu gostaria de troca essa imagem do facebook, por uma triangular em vermelho.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 13/10/16, 09:54 pm

#UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Cepheus em 14/10/16, 01:33 pm

Qual imagem ficará no lugar da imagem do facebook?
Como você não deixou nenhuma imagem, faça o seguinte quando for alterar a imagem, procure-a e altere: http://i.imgur.com/xMlJ4Dy.png

Agora para adicionar os links das seguintes imagens http://imgur.com/a/2bQIU
Procure por: #LINK

Código:
<style type="text/css">
    #FBSlideLikeBox_right {
        background: url(http://defcar.sarein.com/portals/3/Fotos%20M%C3%B3dulos/FLECHA%20IZQUIERDA.png) 0 0 no-repeat;
        float: right;
        height: 90px;
        position: fixed;
        right: -300px;
        padding-left: 94px;
        top: 20%;
        width: 276px;
        z-index: 2000;
        background-size: 21%;
    }
    #FBSlideLikeBox_left #FBSlideLikeBox3_left {
        height: 90px;
        right: 0;
        position: absolute;
        border: 1px solid #3B5998;
        width: 292px;
        background: #f8f8f8
    }
    #FBSlideLikeBox_right {
        background: url(http://i.imgur.com/xMlJ4Dy.png) 0 0 no-repeat;
        float: right;
        height: 90px;
        position: fixed;
        right: -300px;
        padding-left: 48px;
        top: 20%;
        width: 292px;
        z-index: 2000
    }
    #FBSlideLikeBox_right #FBSlideLikeBox3_right {
        height:auto;
        left: 0;
        position: absolute;
        border: 0px solid rgba(0,0,0,0.4);
        width: 300px;
        background: rgba(0,0,0,0.4);
    }
    #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="Brasil Play Fatal" id="FBSlideLikeBox_right" style="right: -300px;">
              
   <div id="FBSlideLikeBox2_right">
                     
      <div id="FBSlideLikeBox3_right">
           <a href="#LINK"><img src="http://i.imgur.com/OrqtsMk.png" /></a><a href="#LINK2"><img src="http://i.imgur.com/wa0vZnZ.png" /></a><a href="#LINK3"><img src="http://i.imgur.com/wAvJSXR.png" /></a>           
      </div>
                 
   </div>
</div>
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 15/10/16, 02:33 pm

Olá Cepheus, obrigado pela ajuda, ficou ótimo, só quero modificar mais algumas coisas:
http://imgur.com/a/ye0pS
Teria como você da uma leve arredondada nas pontas, onde marquei em preto? Arredonda como as pontas do fórm.

Também gostaria que você coloca aquela imagem que marquei em vermelho, no caso "ÚTEIS" centralizar ela no meio, e tira aquele pequeno espaço que ta ficando.

E por favo, diminuir aquele espaço enorme que está depois dos botões Conectar, Download's.

O Código que estou utilizando agora é esse:

Código:
<style type="text/css">
    #FBSlideLikeBox_right {
        background: url(http://defcar.sarein.com/portals/3/Fotos%20M%C3%B3dulos/FLECHA%20IZQUIERDA.png) 0 0 no-repeat;
        float: right;
        height: 90px;
        position: fixed;
        right: -300px;
        padding-left: 94px;
        top: 20%;
        width: 276px;
        z-index: 2000;
        background-size: 21%;
    }
    #FBSlideLikeBox_left #FBSlideLikeBox3_left {
        height: 90px;
        right: 0;
        position: absolute;
        border: 1px solid #3B5998;
        width: 292px;
        background: #f8f8f8
    }
    #FBSlideLikeBox_right {
        background: url(http://i.imgur.com/yjzItSh.png) 0 0 no-repeat;
        float: right;
        height: 200px;
        position: fixed;
        right: -200px;
        padding-left: 48px;
        top: 20%;
        width: 292px;
        z-index: 2000
    }
    #FBSlideLikeBox_right #FBSlideLikeBox3_right {
        height:auto;
        left: 0;
        position: absolute;
        border: 0px solid rgba(0,0,0,0.4);
        width: 300px;
        background: rgba(0,0,0,0.4);
    }
    #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 style="right: -300px;" id="FBSlideLikeBox_right" title="Easy DM">
                                    
   <div id="FBSlideLikeBox2_right">
                                                 
      <div id="FBSlideLikeBox3_right">
                           <a href="samp://198.50.195.141:7776"><img src="http://i.imgur.com/OrqtsMk.png" /></a><a href="https://www.sa-mp.com/download.php"><img src="http://i.imgur.com/wa0vZnZ.png" /></a><a href="http://www.mediafire.com/file/fad71vnflm0721n/GTA+San+Andreas+By+TinhO.rar"><img src="http://i.imgur.com/wAvJSXR.png" /></a>                         
      </div>
                                           
   </div>
</div>
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Luiz em 15/10/16, 02:57 pm

Mude o código para:

Código:
<style type="text/css">
    #FBSlideLikeBox_right {
        background: url(http://defcar.sarein.com/portals/3/Fotos%20M%C3%B3dulos/FLECHA%20IZQUIERDA.png) 0 0 no-repeat;
        float: right;
        height: 90px;
        position: fixed;
        right: -300px;
        padding-left: 94px;
        top: 20%;
        width: 276px;
        z-index: 2000;
        background-size: 21%;
    }
    #FBSlideLikeBox_left #FBSlideLikeBox3_left {
        height: 90px;
        right: 0;
        position: absolute;
        border: 1px solid #3B5998;
        width: 292px;
        background: #f8f8f8
    }
    #FBSlideLikeBox_right {
        background: url(http://i.imgur.com/yjzItSh.png) 0 0 no-repeat;
        float: right;
        height: 200px;
        position: fixed;
        right: -200px;
        padding-left: 42px!important;
        top: 20%;
        width: 292px;
        z-index: 2000
    }
    #FBSlideLikeBox_right #FBSlideLikeBox3_right {
        height:auto;
        left: 0;
        position: absolute;
        border: 0px solid rgba(0,0,0,0.4);
        border-radius: 6px 0px 0px 7px!important;
        width: 300px;
        background: rgba(0,0,0,0.4);
    }
    #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 style="right: -300px;" id="FBSlideLikeBox_right" title="Easy DM">
                                    
   <div id="FBSlideLikeBox2_right">
                                                 
      <div id="FBSlideLikeBox3_right">
                           <a href="samp://198.50.195.141:7776"><img src="http://i.imgur.com/OrqtsMk.png" /></a><a href="https://www.sa-mp.com/download.php"><img src="http://i.imgur.com/wa0vZnZ.png" /></a><a href="http://www.mediafire.com/file/fad71vnflm0721n/GTA+San+Andreas+By+TinhO.rar"><img src="http://i.imgur.com/wAvJSXR.png" /></a>                         
      </div>
                                           
   </div>
</div>


Espero ter ajudado! Muito feliz
Luiz.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 15/10/16, 03:15 pm

Conseguiu arredondar, obrigado, só falta agora baixa um pouco o botão ''Úteis'' para que ele fique centralizado, e tira aquele espaço que fica quando passa o mouse, aquele espaço grande atras.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 17/10/16, 10:40 am

#UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 19/10/16, 12:15 pm

#UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Cepheus em 19/10/16, 02:47 pm

troque por:
Código:
    <style type="text/css">
     
  #FBSlideLikeBox_right {
    background: url(http://i.imgur.com/yjzItSh.png) 0 0 no-repeat;
    float: right;
    height: 200px;
    position: fixed;
    right: -200px;
    padding-left: 42px !important;
    top: 20%;
    width: 175px;
    z-index: 2000;
    background-position: 0px 14px;
}
#FBSlideLikeBox_right #FBSlideLikeBox3_right {
    height: auto;
    left: 0;
    position: absolute;
    border: 0px solid rgba(0,0,0,0.4);
    border-radius: 6px 0px 0px 7px !important;
    width: 200px;
    background: rgba(0,0,0,0.4);
}
   
        #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: -175
                }, "normal");
            });;
        });
    </script>   
<div style="right: -175px;" id="FBSlideLikeBox_right" title="Easy DM">
                                                          
   <div id="FBSlideLikeBox2_right">
                                                                             
      <div id="FBSlideLikeBox3_right">
                                           <a href="samp://198.50.195.141:7776"><img src="http://i.imgur.com/OrqtsMk.png" /></a><a href="https://www.sa-mp.com/download.php"><img src="http://i.imgur.com/wa0vZnZ.png" /></a><a href="http://www.mediafire.com/file/fad71vnflm0721n/GTA+San+Andreas+By+TinhO.rar"><img src="http://i.imgur.com/wAvJSXR.png" /></a>                                     
      </div>
                                                                   
   </div>
            
</div>
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Alteração no sistema de Facebook

Mensagem por PrisoN†BreaK em 19/10/16, 06:29 pm

Muito obrigado, resolvido.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1209
Pontos Ativos : 1705

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Alteração no sistema de Facebook

Mensagem por Cream em 19/10/16, 07:21 pm

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

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11633

Ver perfil do usuário http://ajuda.forumeiros.com

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