Ícones de redes sociais flutuantes

5 participantes

Ir para baixo

Tópico resolvido Ícones de redes sociais flutuantes

Mensagem por Rivas™ 09.07.11 21:00

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):
https://2img.net/r/ihimizer/img52/4207/semttuloge.png

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

Versão do fórum:
PHPBB3
Rivas™
Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 09.07.11 21:49

Eu tenho a mesma duvida.
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Dury 09.07.11 23:57

Olá,

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

Até mais!
Piscada
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ 10.07.11 0:00

Antes tava no Sitio Marado agora eles mudaram...
Rivas™
Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Dury 10.07.11 0:08

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 -->
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ 10.07.11 7:43

www.amigosaostiros.com

Foi aqui que vi...
Rivas™
Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ 10.07.11 17:48

Rivas™
Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 18:15

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 18:19, editado 1 vez(es)
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 18:16

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
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 18:26

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=https://2img.net/h/oi50.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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 18:53

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

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

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 18:57

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 19:02

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.
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 19:06

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 19:11

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

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 19:19

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 19:24

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.
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 19:43

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 19:47

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?
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 10.07.11 19:48

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 10.07.11 19:50

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.
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ 10.07.11 20:30

Gostava de ter para a versao phpbb 3 sff
Rivas™
Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Askum 11.07.11 1:39

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.
Askum
Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Rivas™ 11.07.11 20:24

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
Rivas™
Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Dury 13.07.11 2:10

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.
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Mikáá 13.07.11 8:17

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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones de redes sociais flutuantes

Mensagem por Luciano98 13.07.11 18:25

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos