Botões de rede sociais flutuantes

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

Resolvido Botões de rede sociais flutuantes

Mensagem por Eduardo Trigo em 24/08/11, 08:03 pm

Qual é minha questão:
Gostaria que o código cedido pelo forumeiros se ajustasse ao meu fórum

Medidas que eu tomei para corrigir o problema:
Tentativas de editar

Imagens do meu problema:


Endereço do meu fórum:
http://skybrasil.forumeiro.org/

Versão do meu fórum:
INVISION
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

Ver perfil do usuário http://www.colecaofutebol.forumpratodos.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Dury em 24/08/11, 08:12 pm

Olá,

Painel de controle ->> VIsualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:
Código:
/* CSS das redes sociais flutuantes */
#pageshare
{position:fixed; bottom:87%; margin-left:-35px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
Salve!

Depois, ceda a:
Painel de controle ->> Módulos ->> Portal e widgets ->> Gestão dos Widgets do fórum ->>
Crie um novo widget personalizado e nele, coloque o seguinte código:
Código:
    <div id='pageshare'><div class='sbutton' id='fb'>
    <a name="ttw_share" type="box_count" <iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fmovie.forumeiros.com%2F&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

    <iframe src="http://platform0.twitter.com/widgets/tweet_button.html?_=1311006182541&amp;count=vertical&amp;id=twitter_tweet_button_0&amp;lang=en&amp;original_referer=http%3A%2F%2Fmovie.forumeiros.com%2F&amp;text=F%C3%B3rum%20gratis%3A%20movie%20m%C3%BAtua%20para%20usu%C3%A1rios%20forumeiros%20-%20Portal&amp;url=http%3A%2F%2Fmovie.forumeiros.com%2F" allowtransparency="true" frameborder="0" scrolling="no" class="twitter-share-button twitter-count-vertical" style="width: 55px; height: 62px; " title="Twitter For Websites: Tweet Button"></iframe>


    <iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fmovie.forumeiros.com%2F&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {lang: 'pt-BR'}
    </script><g:plusone size="tall"></g:plusone>
    </a></div></div>

Mais informações, leia este tutorial: http://ajuda.forumeiros.com/t44900-

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Eduardo Trigo em 24/08/11, 10:11 pm

Se ajustar no sentido de ao clicar por exemplo no twitter, ela envie o link do meu fórum e não o que já está automático.
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

Ver perfil do usuário http://www.colecaofutebol.forumpratodos.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Harry Magic em 24/08/11, 10:22 pm

Olá.

Painel de controle ->> VIsualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:
Código:
/* CSS das redes sociais flutuantes */
#pageshare
{position:fixed; bottom:87%; margin-left:-35px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
Salve!

Depois, ceda a:
Painel de controle ->> Módulos ->> Portal e widgets ->> Gestão dos Widgets do fórum ->>
Crie um novo widget personalizado e nele, coloque o seguinte código:
Código:
    <div id='pageshare'><div class='sbutton' id='fb'>
    <a name="ttw_share" type="box_count" <iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&href=http%3A%2F%2Fmovie.forumeiros.com%2F&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

    <iframe src="http://platform0.twitter.com/widgets/tweet_button.html?_=1311006182541&count=vertical&id=twitter_tweet_button_0&lang=en&original_referer=http%3A%2F%2Fmovie.forumeiros.com%2F&text=F%C3%B3rum%20gratis%3A%20movie%20m%C3%BAtua%20para%20usu%C3%A1rios%20forumeiros%20-%20Portal&url=http%3A%2F%2Fmovie.forumeiros.com%2F" allowtransparency="true" frameborder="0" scrolling="no" class="twitter-share-button twitter-count-vertical" style="width: 55px; height: 62px; " title="Twitter For Websites: Tweet Button"></iframe>


    <iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&href=http%3A%2F%2Fmovie.forumeiros.com%2F&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {lang: 'pt-BR'}
    </script><g:plusone size="tall"></g:plusone>
    </a></div></div>

Mais informações, leia este tutorial: http://ajuda.forumeiros.com/t44900-

Até mais!
Piscada

Tem que ver,se esse css pega pra todos,tipos de versão do forúm.

A cada versão diferente o codigo,scripts,e modelo tem que se ajustar.

Espero ter ajudado!
avatar

Harry Magic
Nível 5

Masculino
Inscrito dia : 23/08/2011
Mensagens : 46
Pontos Ativos : 65

Ver perfil do usuário http://webcheats.com/

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Dury em 24/08/11, 10:28 pm

@Eduardo Trigo escreveu:Se ajustar no sentido de ao clicar por exemplo no twitter, ela envie o link do meu fórum e não o que já está automático.
Olá,

Poderia me especificar melhor o que disse? Eu não compreedi.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Eduardo Trigo em 25/08/11, 07:29 pm

@Jeffrey escreveu:
@Eduardo Trigo escreveu:Se ajustar no sentido de ao clicar por exemplo no twitter, ela envie o link do meu fórum e não o que já está automático.
Olá,

Poderia me especificar melhor o que disse? Eu não compreedi.

Por exemplo, ao clicarno ícone do twitter, abre uma página com os dizeres: " Fórum gratis: skybrasil mútua para usuários org - Portal http://skybrasil.forumeiro.org/ "

Gostaria que aparecesse algo como "SKY Brasil: http://skybrasil.forumeiro.org "

Consegui explicar?
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

Ver perfil do usuário http://www.colecaofutebol.forumpratodos.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Dury em 25/08/11, 11:10 pm

Olá,

Mas isso é configuração do sistema deles, eu acho. Veja bem, quando você clica nos botões a tendência é que ele registre o endereço e o nome da página ao qual foi clicado, se foi o Portal, então o nome do seu fórum, traço portal vai aparecer.
Exemplo:
Fórum grátis: skybrasil mútua para usuários org - Portal

Esse nome citado no exemplo é o título de seu portal (creio eu), então o botão vai registrar aqujele título.

Infelizmente, não encontro meios de mudar.
Triste
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Eduardo Trigo em 26/08/11, 11:06 am

@Jeffrey escreveu:Olá,

Mas isso é configuração do sistema deles, eu acho. Veja bem, quando você clica nos botões a tendência é que ele registre o endereço e o nome da página ao qual foi clicado, se foi o Portal, então o nome do seu fórum, traço portal vai aparecer.
Exemplo:
Fórum grátis: skybrasil mútua para usuários org - Portal

Esse nome citado no exemplo é o título de seu portal (creio eu), então o botão vai registrar aqujele título.

Infelizmente, não encontro meios de mudar.
Triste

Mas, ele se encontra dessa maneira pois eu modifiquei as poucas coisas que entendi.

Mas, seeu colocar o código fornecido pelo forum dos fóruns o twitter, por exemplo, fica assim:

Fórum gratis: movie mútua para usuários forumeiros - Portal http://movie.forumeiros.com/
avatar

Eduardo Trigo
Nível 9

Masculino
Inscrito dia : 29/06/2008
Mensagens : 213
Pontos Ativos : 276

Ver perfil do usuário http://www.colecaofutebol.forumpratodos.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