Botões de compartilhamento lado a lado

Item: Botões de compartilhamento lado a lado
Rating: 1

por niviavf 16.01.13 12:20

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

Botões de compartilhamento lado a lado Image310

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

por Roevs 16.01.13 12:20

Olá,

Poderia passar o código dos dois

Até

por niviavf 16.01.13 12:23

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

por Roevs 16.01.13 12:24

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

por niviavf 16.01.13 12:32

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

Botões de compartilhamento lado a lado Image410

Botões de compartilhamento lado a lado Image410

por Roevs 16.01.13 12:42

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é

por niviavf 16.01.13 12:54

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

Botões de compartilhamento lado a lado Captur11

por Roevs 16.01.13 12:57

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é

por niviavf 16.01.13 13:00

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

Botões de compartilhamento lado a lado Captur12

por Roevs 16.01.13 13:04

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é

por niviavf 16.01.13 13:10

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

Botões de compartilhamento lado a lado Captur13

por Roevs 16.01.13 13:18

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é

por niviavf 16.01.13 13:25

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

Botões de compartilhamento lado a lado Captur14

por Roevs 16.01.13 13:33

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é

por niviavf 16.01.13 13:40

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

Botões de compartilhamento lado a lado Captur15

Botões de compartilhamento lado a lado Captur15

por Roevs 16.01.13 13:43

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é

por niviavf 16.01.13 13:57

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

Botões de compartilhamento lado a lado Captur18

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

Botões de compartilhamento lado a lado Captur19

por Roevs 16.01.13 14:05

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é

por niviavf 16.01.13 14:12

Ficou perfeito antes de curtir

Botões de compartilhamento lado a lado Antes10

Só a confirmação continua escondida

Botões de compartilhamento lado a lado Depois10

por niviavf 16.01.13 14:18

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

por Roevs 16.01.13 14:21

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é

por niviavf 16.01.13 14:25

Desta vez não apareceu nada! rsss

Botões de compartilhamento lado a lado 0112

por Roevs 16.01.13 14:27

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é

por niviavf 16.01.13 14:44

Agora ficou assim...

Botões de compartilhamento lado a lado 00211

por Roevs 16.01.13 14:46

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é

por niviavf 16.01.13 15:02

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

Botões de compartilhamento lado a lado Captur20

por Roevs 16.01.13 15:09

Olá,

Poderia me passar o link de seu fórum ?

Até

por niviavf 16.01.13 15:19

http://beautyandthebeast.forumbrasil.net/

por Roevs 16.01.13 15:29

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é

por niviavf 16.01.13 15:36

Antes de curtir fica perfeito!

O problema é depois de curtir!

Botões de compartilhamento lado a lado Captur22

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

por Roevs 16.01.13 15:42

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="https://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é

por niviavf 17.01.13 13:42

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

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

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

Obrigado! Pode fechar!

Botões de compartilhamento lado a lado

Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado

Re: Botões de compartilhamento lado a lado