Botões de rede sociais flutuantes
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Botões de rede sociais flutuantes
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
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
Re: Botões de rede sociais flutuantes
Olá,
Painel de controle ->> VIsualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:
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:
Mais informações, leia este tutorial: https://ajuda.forumeiros.com/t44900-
Até mais!
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;}
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: https://ajuda.forumeiros.com/t44900-
Até mais!
Re: Botões de rede sociais flutuantes
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.
Re: Botões de rede sociais flutuantes
Olá.
Painel de controle ->> VIsualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:Salve!
- 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;}
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: https://ajuda.forumeiros.com/t44900-
Até mais!
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!
Re: Botões de rede sociais flutuantes
Olá,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.
Poderia me especificar melhor o que disse? Eu não compreedi.
Re: Botões de rede sociais flutuantes
Jeffrey escreveu:Olá,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.
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?
Re: Botões de rede sociais flutuantes
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.
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.
Re: Botões de rede sociais flutuantes
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.
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/
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos