Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosÍcones de redes sociais flutuantes
5 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
Ícones de redes sociais flutuantes
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
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™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Askum- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Dury 09.07.11 23:57
Olá,
Poderia nos enviar o endereço do fórum onde visualizou este efeito?
Até mais!
Poderia nos enviar o endereço do fórum onde visualizou este efeito?
Até mais!
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Ícones de redes sociais flutuantes
por Rivas™ 10.07.11 0:00
Antes tava no Sitio Marado agora eles mudaram...
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Ícones de redes sociais flutuantes
por Dury 10.07.11 0:08
Lamento, mas eu preciso do fórum que tem esses botões flutuantes.Ismael7 escreveu:Antes tava no Sitio Marado agora eles mudaram...
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- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Ícones de redes sociais flutuantes
por Rivas™ 10.07.11 17:48
Tambem vi aqui: http://www.extravaganzalive.com/
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Ícones de redes sociais flutuantes
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.
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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Luciano98 10.07.11 18:26
Olá!
Aqui está (basta trocar o que está em negrito pelo link das coisas):
Até mais.
Luciano98.
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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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
Pode ser colocado em anuncios? meu fórum é phpbb2
Askum- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Luciano98 10.07.11 18:57
Que resto?Askum escreveu:Os links são o endreço do meu fb? e do resto?
Pode ser colocado em anuncios? meu fórum é phpbb2
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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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 -->
Askum- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Luciano98 10.07.11 19:06
Se você sabe editar, porque está me falando isso?Askum escreveu:irei editar o seguinte codigo,para ficar no local que eu quero.
- 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 -->
Até mais.
Luciano98.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Luciano98 10.07.11 19:19
Como assim em linha? Em linha com o que?Askum escreveu:E porque eu so consigo colocar ele de um lado para o outro, não consigo colocar ele em linha.
Explique melhor sua dúvida.
Até mais.
Luciano98.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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.
Mas que tivesse as mesmas opções que tem no codigo anterios, so que no facebook, tivesse escrito curtir e quantos ja curtiram.
Askum- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Luciano98 10.07.11 19:43
Olá!
Substitua por esse código:
Até mais.
Luciano98.
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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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?
------------
Eskece, dexa assim, vai ficar legal deitado. mas tem como colocar o icone de quantas pessoas curtiram o fórum?
Askum- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Luciano98 10.07.11 19:48
Isso eu não sei, não utilizo muito o Facebook.Askum escreveu:Eskece, dexa assim, vai ficar legal deitado. mas tem como colocar o icone de quantas pessoas curtiram o fórum?
Até mais.
Luciano98.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Ícones de redes sociais flutuantes
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. 
Mas como eu faço para fazer mostrar em todas as páginas? eu vou tentar colocar em page html.
Mas como eu faço para fazer mostrar em todas as páginas? eu vou tentar colocar em page html.
Askum- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
por Rivas™ 10.07.11 20:30
Gostava de ter para a versao phpbb 3 sff
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Ícones de redes sociais flutuantes
por Askum 11.07.11 1:39
Tenho uma duvida, sabe o code
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.
- 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- *****
- Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650 -
Re: Ícones de redes sociais flutuantes
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™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Ícones de redes sociais flutuantes
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- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Ícones de redes sociais flutuantes
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áá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Ícones de redes sociais flutuantes
por Luciano98 13.07.11 18:25
Ajudaria muito o usuário se você coloca-se o código.SantolaZ escreveu:Olá,
Esse código do extravaganza é da minha autoria, caso queira diga, fui eu que coloquei..!
Até mais.
Até mais.
Luciano988.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Tópicos semelhantes» Redes sociais flutuantes
» [TUTORIAL] Redes sociais flutuantes
» [TUTORIAL] Botões de Redes sociais flutuantes
» Botões de rede sociais flutuantes
» Botões de rede sociais flutuantes
» [TUTORIAL] Redes sociais flutuantes
» [TUTORIAL] Botões de Redes sociais flutuantes
» Botões de rede sociais flutuantes
» Botões de rede sociais flutuantes
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