Código flutuante

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

Resolvido Código flutuante

Mensagem por Askum em 26/07/11, 07:54 pm

Eu queria colocar esse seguinte código flutuante do lado direito.

Código:
<center><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 allowtransparency="true" frameborder="0" hspace="0" id="I1_1311006676853" marginheight="0" marginwidth="0" name="I1_1311006676853" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F22326474-d7ea9837#url=http%3A%2F%2Fmovie.forumeiros.com%2Fforum&amp;size=tall&amp;count=true&amp;id=I1_1311006676853&amp;parent=http%3A%2F%2Fmovie.forumeiros.com&amp;rpctoken=233129534&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="left: 0px; top: 0px; width: 50px; height: 60px; position: static; visibility: visible; " tabindex="-1" vspace="0" width="100%"></iframe>

</center>
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: Código flutuante

Mensagem por Luciano98 em 26/07/11, 08:09 pm

Olá!

Do lado direito fixado (desce junto com a barra) ou normal?
Do lado direito no topo?

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: Código flutuante

Mensagem por Askum em 26/07/11, 08:14 pm

Desce junto com a barra, conforme eu desço ele segue, do lado direito.

Atenciosamente!
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: Código flutuante

Mensagem por Dury em 26/07/11, 08:16 pm

Olá,

Tente com esse código:
Código:
<!-- floating page sharer Start bloggersentral.com-->
<style>
#pageshare
{position:fixed; bottom:90%; margin-left:1150px; 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="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 allowtransparency="true" frameborder="0" hspace="0" id="I1_1311006676853" marginheight="0" marginwidth="0" name="I1_1311006676853" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F22326474-d7ea9837#url=http%3A%2F%2Fmovie.forumeiros.com%2Fforum&amp;size=tall&amp;count=true&amp;id=I1_1311006676853&amp;parent=http%3A%2F%2Fmovie.forumeiros.com&amp;rpctoken=233129534&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="left: 0px; top: 0px; width: 50px; height: 60px; position: static; visibility: visible; " tabindex="-1" vspace="0" width="100%"></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>

</a></div>
</div>
</div>
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Código flutuante

Mensagem por Luciano98 em 26/07/11, 08:16 pm

Olá!

Aqui está (coloque no mesmo lugar que você sempre colocou e veja se funciona, não é necessário todo aquele style do código acima):
Código:
<div style=position:fixed;top:0px;right:0px><center><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 allowtransparency="true" frameborder="0" hspace="0" id="I1_1311006676853" marginheight="0" marginwidth="0" name="I1_1311006676853" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F22326474-d7ea9837#url=http%3A%2F%2Fmovie.forumeiros.com%2Fforum&amp;size=tall&amp;count=true&amp;id=I1_1311006676853&amp;parent=http%3A%2F%2Fmovie.forumeiros.com&amp;rpctoken=233129534&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="left: 0px; top: 0px; width: 50px; height: 60px; position: static; visibility: visible; " tabindex="-1" vspace="0" width="100%"></iframe></center></div>

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: Código flutuante

Mensagem por Askum em 26/07/11, 08:21 pm

Teria como colocar um encima do outro?

Atenciosamente!
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: Código flutuante

Mensagem por Luciano98 em 26/07/11, 08:36 pm

Olá!

Sim, aqui está:
Código:
<div style=position:fixed;top:0px;right:0px><center><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><br><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><br><iframe allowtransparency="true" frameborder="0" hspace="0" id="I1_1311006676853" marginheight="0" marginwidth="0" name="I1_1311006676853" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F22326474-d7ea9837#url=http%3A%2F%2Fmovie.forumeiros.com%2Fforum&amp;size=tall&amp;count=true&amp;id=I1_1311006676853&amp;parent=http%3A%2F%2Fmovie.forumeiros.com&amp;rpctoken=233129534&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="left: 0px; top: 0px; width: 50px; height: 60px; position: static; visibility: visible; " tabindex="-1" vspace="0" width="100%"></iframe></center></div>

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: Código flutuante

Mensagem por Askum em 26/07/11, 08:43 pm

Tem como colocar uma distân cia entre eles, para não ficar todos misturados juntos?

Atenciosamente!
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: Código flutuante

Mensagem por Luciano98 em 26/07/11, 08:50 pm

Olá!

Aqui está:
Código:
<div style=position:fixed;top:0px;right:0px><center><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><br><br><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><br><br><iframe allowtransparency="true" frameborder="0" hspace="0" id="I1_1311006676853" marginheight="0" marginwidth="0" name="I1_1311006676853" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F22326474-d7ea9837#url=http%3A%2F%2Fmovie.forumeiros.com%2Fforum&amp;size=tall&amp;count=true&amp;id=I1_1311006676853&amp;parent=http%3A%2F%2Fmovie.forumeiros.com&amp;rpctoken=233129534&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="left: 0px; top: 0px; width: 50px; height: 60px; position: static; visibility: visible; " tabindex="-1" vspace="0" width="100%"></iframe></center></div>

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: Código flutuante

Mensagem por Askum em 26/07/11, 08:53 pm

Ta otimo obrigado mais uma vez Luciano98.

Atenciosamente!
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

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