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 milo100 em 22/01/12, 06:46 pm

Qual é minha questão:
Boas malta!
Gostaria de deixar minhas redes sociais flutuantes ao lado direito do fórum.
Uma abaixo da outra.
Tipo,

Orkut
Facebook
TWITTER

Medidas que eu tomei para corrigir o problema:
O fórum sitio marado usava desta forma e gostaria de deixar da mesma forma.
Quando subir a pagina ele corria atrás, quando descia a pagina ele descia junto.
Cump°s
imagem abaixo

Imagens do meu problema:
http://i40.servimg.com/u/f40/17/20/83/72/redes_10.jpg

http://i40.servimg.com/u/f40/17/20/83/72/1310.jpg

Endereço do meu fórum:
http://vixeki.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Luciano98 em 24/01/12, 06:03 am

Olá!

Coloque esse código na descrição do fórum ou em um Widget:
Código:
<style>#wdgf *{display:block}</style><div id=wdgf style="position:fixed;top:25%;right:10px">CODIGO</div>
CODIGO = Código das redes sociais.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por milo100 em 24/01/12, 11:43 am

Olá!
Eu o adicionei a descrição do fórum, aparece normal só que fica um nome acima da redes sociais.

"{lang: 'pt-BR'}" Há como retira-lo??
http://vixeki.forumeiros.com/forum
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Dury em 24/01/12, 12:37 pm

Olá,

Sim, é o código do widget. Basta precionar o as teclas "Ctrl + F" e procure pelo código "{lang: 'pt-BR'}" e delete.
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 milo100 em 24/01/12, 02:57 pm

Boas Coleman

Código:
<style>#wdgf *{display:block}</style><div id=wdgf style=position:fixed;top:25%;right:10px><div align=center id=FM_widget_share></div></div>

O código como fica e não tem o "{lang: 'pt-BR'}"
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Bookmarlucas654 em 24/01/12, 03:02 pm

Desculpa intrometer-me. E onde adiciono isto?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por milo100 em 24/01/12, 03:54 pm

Adiciona na descrição do site!

Painel de controle > Geral > Configuração > Descrição do site: Coloca lá.
Cump°s
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por ŁØUKURΛ em 24/01/12, 04:46 pm

Bom aproveitando isso, queria adc um butão curti no meio dos topicos.
avatar

ŁØUKURΛ
Nível 5

Masculino
Inscrito dia : 19/11/2011
Mensagens : 41
Pontos Ativos : 67

Ver perfil do usuário http://habbo-hacker.forumeiros.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Bookmarlucas654 em 24/01/12, 04:52 pm

Mas, ficou muito... feio, seila, esquisito, mas tudo bem, me entrometi demais aqui D; Mlz ae Convidado
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por ŁØUKURΛ em 24/01/12, 05:10 pm

O Que? Malz o que? Não to metido nisso também não po kkkkk
avatar

ŁØUKURΛ
Nível 5

Masculino
Inscrito dia : 19/11/2011
Mensagens : 41
Pontos Ativos : 67

Ver perfil do usuário http://habbo-hacker.forumeiros.com

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Jabriel ™ em 24/01/12, 05:16 pm

Vai no painel de controle -> Módulos -> Gestão dos Widgets do Fórum aí põe lá o botão das redes sociais onde quiser Muito feliz Ajudei?
avatar

Jabriel ™
Nível 3

Masculino
Inscrito dia : 14/01/2012
Mensagens : 19
Pontos Ativos : 28

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

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Dury em 24/01/12, 07:15 pm

@milo100 escreveu:Adiciona na descrição do site!

Painel de controle > Geral > Configuração > Descrição do site: Coloca lá.
Cump°s
Boa noite.

A modificação deve ser feita no código, e não no CSS. 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 milo100 em 24/01/12, 08:30 pm

Coleman escreveu:
@milo100 escreveu:Adiciona na descrição do site!

Painel de controle > Geral > Configuração > Descrição do site: Coloca lá.
Cump°s
Boa noite.

A modificação deve ser feita no código, e não no CSS. Piscada

Boas amigo. Ainda continuo sem compreender.
O CSS do meu fórum não é possível encontrar o '{lang: 'pt-BR'}' :9
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Luciano98 em 25/01/12, 01:33 am

@milo100 escreveu:Boas amigo. Ainda continuo sem compreender.
O CSS do meu fórum não é possível encontrar o '{lang: 'pt-BR'}' :9
Eu lhe enviei um código e nesse código você deveria colocar o código das redes sociais.
Poste aqui no tópico o código das redes sociais para que o problema seja resolvido, pois o problema não está no código que eu passei, mas no código que você colocou das redes sociais.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Botões de rede sociais flutuantes

Mensagem por Dury em 25/01/12, 11:55 am

Olá!

Por exemplo no código do tutorial, temos que procurar:
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>
Se precionar agora o Ctrl + F e procurar o código, encontrará. No CSS não é necessário fazer qualquer alteração.

Leia novamente o nosso 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

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