Ícones de redes sociais flutuantes

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

Resolvido Ícones de redes sociais flutuantes

Mensagem por Rivas™ em 09/07/11, 05:00 pm

Qual é sua questão:
Gostava de por isto no header do meu forum como ta na printo do Facebbok,Steam o icon !

Apresente-nos imagens do problema (se necessário):
http://img52.imageshack.us/img52/4207/semttuloge.png

Endereço do fórum:
www.4line-cm-forum.tk

Versão do fórum:
PHPBB3
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum em 09/07/11, 05:49 pm

Eu tenho a mesma duvida.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Dury em 09/07/11, 07:57 pm

Olá,

Poderia nos enviar o endereço do fórum onde visualizou este efeito?

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: Ícones de redes sociais flutuantes

Mensagem por Rivas™ em 09/07/11, 08:00 pm

Antes tava no Sitio Marado agora eles mudaram...
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Dury em 09/07/11, 08:08 pm

Ismael7 escreveu:Antes tava no Sitio Marado agora eles mudaram...
Lamento, mas eu preciso do fórum que tem esses botões flutuantes.

Eu tenho esse código que pode ser adicionado em um widget:
Código:
<!-- floating page sharer Start bloggersentral.com-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; 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;}
</style>
<div title="Get this at BloggerSentral.com">
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
</div>
</div>
<!-- floating page sharer End -->
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ em 10/07/11, 03:43 am

www.amigosaostiros.com

Foi aqui que vi...
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ em 10/07/11, 01:48 pm

avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 02:15 pm

Olá!

Caso eu consiga pegar os botões para colocar no seu fórum, em que local exatamente você quer que eu coloque no seu fórum?

Até mais.
Luciano98.


Última edição por Luciano98 em 10/07/11, 02:19 pm, editado 1 vez(es)
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 02:16 pm

Sem quere me intrometer no tópico, mas eu tambem gosdtaria do codigo, e se fosse para mim eu queria na mesma posição em que esta o extravaganzialive
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 02:26 pm

Olá!

Aqui está (basta trocar o que está em negrito pelo link das coisas):
<div style=position:absolute;top:65px;right:167px><a href="LINKFACEBOOK" target=_blank><img src=http://rickbischoff.amplify.com/wp-content/themes/default/images/splinks/facebook.png height=37 width=37></a><a href="LINKHI5" target=_blank><img src=http://i50.tinypic.com/2dt100l.png height=38 width=38></a><a href="LINKTWITTER" target=_blank><img src=http://dapperimagesblog.com/wp-content/uploads/2010/06/Twitter.png height=36 width=36></a><a href="LINKYOUTUBE" target=_blank><img src=http://www.bigairgym.co.nz/uploads/richassets/Youtube.png.pagespeed.ce.T_xEDvpVdv.png height=37 width=37></a></div>

Até mais.
Luciano98.
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 02:53 pm

Os links são o endreço do meu fb? e do resto?

Pode ser colocado em anuncios? meu fórum é phpbb2
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 02:57 pm

@Askum escreveu:Os links são o endreço do meu fb? e do resto?

Pode ser colocado em anuncios? meu fórum é phpbb2
Que resto?
Não importa o local que você colocar o codigo no fórum, os ícones sempre estarão fixos no mesmo local (isso foi definido com CSS).
Você falou que queria colocar no mesmo local que o Extravaganzalive.
Tente colocar uma vez para ver o que acontece!

Até mais.
Luciano98.
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 03:02 pm

irei editar o seguinte codigo,

Código:
<!-- floating page sharer Start bloggersentral.com-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; 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;}
</style>
<div title="Get this at BloggerSentral.com">
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
</div>
</div>
<!-- floating page sharer End -->
para ficar no local que eu quero.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 03:06 pm

@Askum escreveu:irei editar o seguinte codigo,

Código:
<!-- floating page sharer Start bloggersentral.com-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; 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;}
</style>
<div title="Get this at BloggerSentral.com">
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
</div>
</div>
<!-- floating page sharer End -->
para ficar no local que eu quero.
Se você sabe editar, porque está me falando isso?

Até mais.
Luciano98.
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 03:11 pm

E porque eu so consigo colocar ele de um lado para o outro, não consigo colocar ele em linha.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 03:19 pm

@Askum escreveu:E porque eu so consigo colocar ele de um lado para o outro, não consigo colocar ele em linha.
Como assim em linha? Em linha com o que?
Explique melhor sua dúvida.

Até mais.
Luciano98.
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 03:24 pm

Queria colocar ele parado encima do logo, do lado direto, um pouco afaatados das bordas do logo, e que ele não ficasse seguindo, simplesmente ficasse no logo parado.

Mas que tivesse as mesmas opções que tem no codigo anterios, so que no facebook, tivesse escrito curtir e quantos ja curtiram.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 03:43 pm

Olá!

Substitua por esse código:
Código:
<style>#pageshare{position:absolute;top:40px;right:20px;margin-left:-71px;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}</style><div><div id=pageshare><div class=sbutton id=fb><a name=fb_share type=box_count href=http://www.facebook.com/sharer.php>Share</a><script src=http://static.ak.fbcdn.net/connect.php/js/FB.Share></script></div><div class=sbutton id=rt><script src=http://tweetmeme.com/i/scripts/button.js></script></div><div class=sbutton id=su><script src=http://www.stumbleupon.com/hostedbadge.php?s=5></script></div><div class=sbutton id=digg><script src=http://widgets.digg.com/buttons.js></script><a class="DiggThisButton DiggMedium"></a></div><div class=sbutton id=gb><a class=google-buzz-button data-button-style=normal-count href=http://www.google.com/buzz/post><script src=http://www.google.com/buzz/api/button.js></script></a></div></div></div>

Até mais.
Luciano98.
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 03:47 pm

Ele foi para do lado direto, agora falta colocar ele em linha, em vez de ele ficar em pé, fica deitado.
------------
Eskece, dexa assim, vai ficar legal deitado. mas tem como colocar o icone de quantas pessoas curtiram o fórum?
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net
  • 0

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 10/07/11, 03:48 pm

@Askum escreveu:Eskece, dexa assim, vai ficar legal deitado. mas tem como colocar o icone de quantas pessoas curtiram o fórum?
Isso eu não sei, não utilizo muito o Facebook.

Até mais.
Luciano98.
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: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 03:50 pm

eskece, quando voce curti aparece a tela, eu ja coloquei no lugar que eu queria, obrigado, para mim está finalizado, agora precisa esperar o dono do topico. Obrigado Luciano, novamente você me ajudou com esse code dificl. Muito feliz

Mas como eu faço para fazer mostrar em todas as páginas? eu vou tentar colocar em page html.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ em 10/07/11, 04:30 pm

Gostava de ter para a versao phpbb 3 sff
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum em 10/07/11, 09:39 pm

Tenho uma duvida, sabe o code

Código:
<div style=position:absolute;top:65px;right:167px><a href="LINKFACEBOOK" target=_blank><img src=http://rickbischoff.amplify.com/wp-content/themes/default/images/splinks/facebook.png height=37 width=37></a><a href="LINKHI5" target=_blank><img src=http://i50.tinypic.com/2dt100l.png height=38 width=38></a><a href="LINKTWITTER" target=_blank><img src=http://dapperimagesblog.com/wp-content/uploads/2010/06/Twitter.png height=36 width=36></a><a href="LINKYOUTUBE" target=_blank><img src=http://www.bigairgym.co.nz/uploads/richassets/Youtube.png.pagespeed.ce.T_xEDvpVdv.png height=37 width=37></a></div>

Eu queria que quando clicasse em facebook, automaticamente eles curtissem, quando clicassem em twitter, automaticamente fosse em um lugar para dar um tweet sobre o fórum, quando, o resto dexa cmg.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ em 11/07/11, 04:24 pm

@Askum escreveu:Tenho uma duvida, sabe o code

Código:
[url=http://ajuda.forumeiros.com/LINKFACEBOOK][img(37,37)]http://rickbischoff.amplify.com/wp-content/themes/default/images/splinks/facebook.png[/img][/url][url=http://ajuda.forumeiros.com/LINKHI5][img(38,38)]http://i50.tinypic.com/2dt100l.png[/img][/url][url=http://ajuda.forumeiros.com/LINKTWITTER][img(36,36)]http://dapperimagesblog.com/wp-content/uploads/2010/06/Twitter.png[/img][/url][url=http://ajuda.forumeiros.com/LINKYOUTUBE][img(37,37)]http://www.bigairgym.co.nz/uploads/richassets/Youtube.png.pagespeed.ce.T_xEDvpVdv.png[/img][/url]

Eu queria que quando clicasse em facebook, automaticamente eles curtissem, quando clicassem em twitter, automaticamente fosse em um lugar para dar um tweet sobre o fórum, quando, o resto dexa cmg.

Tb gostava para o Facebook para eles fazerem LIKE mas axo que n da :S
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Dury em 12/07/11, 10:10 pm

Mas isso é função do js do twitter, eu creio que nós não determinamos como que a ação será feita ou como vai funcionar.
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Mikáá em 13/07/11, 04:17 am

Ismael7 escreveu:Tambem vi aqui: http://www.extravaganzalive.com/

Olá,
Esse código do extravaganza é da minha autoria, caso queira diga, fui eu que coloquei..!

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 em 13/07/11, 02:25 pm

SantolaZ escreveu:Olá,
Esse código do extravaganza é da minha autoria, caso queira diga, fui eu que coloquei..!

Até mais.
Ajudaria muito o usuário se você coloca-se o código.

Até mais.
Luciano988.
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

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