Botões de rede sociais flutuantes

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:
https://i.servimg.com/u/f40/17/20/83/72/redes_10.jpg

https://i.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

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.

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

Olá,

Sim, é o código do widget. Basta precionar o as teclas "Ctrl + F" e procure pelo código "{lang: 'pt-BR'}" e delete.

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'}"

Desculpa intrometer-me. E onde adiciono isto?

Adiciona na descrição do site!

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

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

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

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

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 Ajudei?

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.

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.

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

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.

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: https://ajuda.forumeiros.com/t44900-

Até mais!