Botones Twitter, FB, G+ alineados...
Hola, he puesto el codigo de los diferentes botones de las redes sociales, pero me salen como muy separados y mal alineados. Me gustaria tenerlos mas juntos y bien alineados a la izquierda. Aqui dejo una imagen para que veais como me salen, asi como el codigo usado:
Imagen:
![[Image: IQskr.png]](http://i.imgur.com/IQskr.png)
Codigo HTML:
Saludos!
.
Imagen:
![[Image: IQskr.png]](http://i.imgur.com/IQskr.png)
Codigo HTML:
Quote:<iframe src="http://www.facebook.com/plugins/like.php?href=http://url de tu web/showthread.php?tid={$tid}&layout=button_count&show_faces=false&width=120&action={$rofl1}&colorscheme=light&height=20px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:20px;" allowTransparency="true"></iframe>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
Saludos!
Amigo
height=20px" a 0px
aun que no se asi que mejor usa marign-left:-5px
aun que no se asi que mejor usa marign-left:-5px
Si pongo "0px" desaparece el boton de FB...asi que esa no es la solucion :S.
margin-left: -5px;
Y vele calculando
Y vele calculando
Para el boton del FB me funciona, pero para el del Twitter???, ya que es otro codigo diferente...:S.
Pues no se, pero en tu global.css agrega esto:
Por que si te das cuenta el boton de twitter ya tiene la class.
.twitter-share-button{
/*AQUI TU CODIGO PARA EL BOTON DE TWITTER/*
}Por que si te das cuenta el boton de twitter ya tiene la class.
Yo tengo el mismo problema, qué debería hacer ?
Además de juntarlos, me gustaría que queden un poquito más pegado al borde azul
Desde ya, muchas gracias !
<iframe src="http://www.facebook.com/plugins/like.php?href={$mybb->settings['bburl']}/showthread.php?tid={$tid}&layout=button_count&show_faces=false&width=120&action={$rofl1}&colorscheme=light&height=20px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:20px;" allowTransparency="true"></iframe>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" annotation="inline"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>Además de juntarlos, me gustaría que queden un poquito más pegado al borde azul
Desde ya, muchas gracias !
No estan alineados por el tamaño de los botonoes!.
Y no creo que se puedan juntar pues el espacio es para cuando pongas me gusta!! o le des en +1
Ser alegre es mi vicio mas grande
Y no creo que se puedan juntar pues el espacio es para cuando pongas me gusta!! o le des en +1
Regularmente los botones estos tienen classes predefinidos, si modifican el codigo puede dejar de funcionar, pero nada les inpide crar css en su global.css
![[Image: signature.png]](https://omarg.me/cache/images/signature.png)