Botões de compartilhamento lado a lado

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

Resolvido Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 10:20 am

Qual é minha questão:
Coloquei os botões do twitter e facebook, mas a disponibilização ficou ruim.
Ficou assim


Eu gostaria que eles aparecessem um do lado do outro.

código que eu usei

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});

jQuery(document).ready(function(){jQuery('p.author').after('<p><a href="https://twitter.com/share" class="twitter-share-button" <a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});


Endereço do meu fórum:
Não é necessário.

Versão do fórum:
PHPBB3


Última edição por niviavf em 17/01/13, 11:42 am, editado 2 vez(es)
avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 10:20 am

Olá,

Poderia passar o código dos dois

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 10:23 am

Editei a mensagem... Perdão esqueci do código!
avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 10:24 am

Olá,

Tente trocar por este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});

jQuery(document).ready(function(){jQuery('p.author').after('<b><p><a href="https://twitter.com/share" class="twitter-share-button" <a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a></b>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Atpe
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 10:32 am

Testei e não ficou um do lado do outro... E a confirmação do "curtir" fica escondida atrás das mensagens... Olha a imagem...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 10:42 am

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});

jQuery(document).ready(function(){jQuery('p.author').after('<p><div style="float: left;><a href="https://twitter.com/share" class="twitter-share-button" </div><a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 10:54 am

Meu fórum não quer colaborar... rss
Agora ficou assim...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 10:57 am

Olá,

Malz puis o código em um lugar errado tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});

jQuery(document).ready(function(){jQuery('p.author').after('<p><div style="float: left;><a href="https://twitter.com/share" class="twitter-share-button" <a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a></div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 11:00 am

Faz parte rsss...
Mas ainda não resultou... agora ficou em cima tb... rss

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 11:04 am

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});

jQuery(document).ready(function(){jQuery('p.author').after('<tr><p><a href="https://twitter.com/share" class="twitter-share-button" <a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a></tr>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 11:10 am

Vc deve estar cansando de me ajudar... rss
Olha... Desta vez não aparece o botão do twitter...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 11:18 am

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<td><p><a href="https://twitter.com/share" class="twitter-share-button" <a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a></td>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 11:25 am

Com este ficou da mesma forma que eu tinha antes...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 11:33 am

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div><div style="float: right;"><a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a></div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 11:40 am

Tá quase lá... Ficou lado a lado, porém apareceu duplo o botão do twitter e a confirmação do face, ainda fica um tanto escondida...


avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 11:43 am

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div><a href="https://twitter.com/share" class="twitter-share-button" data-via="MJFFBrazil" data-lang="pt">Tweetar</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 11:57 am

Imagem antes de Curtir. Ainda aparece duplo um dos botões.



Depois de Curtir... A caixa de confirmação fica escondida.

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 12:05 pm

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 12:12 pm

Ficou perfeito antes de curtir



Só a confirmação continua escondida

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 12:18 pm

Tive outra ideia... Já q o botão curtir a confirmação fica escondida... quem sabe trocamos pelo botão "compartilhar" que abre uma janelinha?
Por mim, pode ser o botão "tweetar" e "compartilhar", sem problema nenhum!!!
avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 12:21 pm

Olá,

Estamos quase la tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<a name=”fb_share”></a>
<script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”> </script> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 12:25 pm

Desta vez não apareceu nada! rsss

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 12:27 pm

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://static.ak.fbcdn.net/connect.php/js/FB.Sharehref=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 12:44 pm

Agora ficou assim...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 12:46 pm

Olá,

Tente este aqui

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px;position:fixed
allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 01:02 pm

Agora o botão curtir rola junto com a página...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 01:09 pm

Olá,

Poderia me passar o link de seu fórum ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 01:19 pm

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 01:29 pm

Olá,

Tente este

Código:
jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 16/01/13, 01:36 pm

Antes de curtir fica perfeito!

O problema é depois de curtir!



Acho que devemos considerar a ideia de mudar e colocar o botão "compartilhar"... rss
A confirmação do botão curtir não quer colaborar...

avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://forumeiros.com

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por iPrompt em 16/01/13, 01:42 pm

Olá,

Acho que eu entendi o erro não e que ele fica atras da postagem e sim que ele esta pequeno assim mesmo entenda o código

jQuery(document).ready(function(){jQuery('p.author').each(function(){jQuery(this).after('<iframe src="http://www.facebook.com/plugins/like.php?href=http://'+location.hostname+jQuery(this).parent().find("h2.topic-title a").attr("href")+'&layout=standard&show_faces=true&width=450&action=like&colorscheme=dark&height=80" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:450px;height:40px allowTransparency=true></iframe> ')})});


jQuery(document).ready(function(){jQuery('p.author').after('<div style="float: left;"><p><a href="https://twitter.com/share" class="twitter-share-button" </div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </a></p>')});

Vermelho : Vai alterando ate que mostre tudo

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões de compartilhamento lado a lado

Mensagem por niviavf em 17/01/13, 11:42 am

Quakeline........... Perfeito!!!!!!!!!!!!!!! Rindo

Coloquei 80px em height e ficou ótimo!!!!!!!!!

Vou deixar este tópico nos favoritos... kkk

Obrigado! Pode fechar!
avatar

niviavf
Nível 9

Feminino
Inscrito dia : 13/08/2008
Mensagens : 167
Pontos Ativos : 269

Ver perfil do usuário http://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