• URL del foro: Localhost
  
• Versión del foro: 1.6.3
  
• Actualización: Ninguna
  

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 como aqui los teneis. Aqui dejo una imagen para que veais como me salen, asi como el codigo usado:


Imagen:
[Imagen: IQskr.png]


Codigo HTML:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://url de tu web/showthread.php?tid={$tid}&amp;layout=button_count&amp;show_faces=false&amp;width=120&amp;action={$rofl1}&amp;colorscheme=light&amp;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! .

Podrías usar un div y un margin.

Para agilizar la cosa te dejo el código que usamos aquí:

<div style="float: right; margin: 4px 0px;">
	<ul id="compartir">
		<li>
			<iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px;" allowTransparency="true"></iframe>
		</li>
		<li>
			<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
			<a href="http://twitter.com/share?via=soportemybb" class="twitter-share-button">Tweet</a>
		</li>
		<li style="margin-bottom: 0;">
			<g:plusone size="medium"></g:plusone>
		</li>
	</ul>
</div>

None

Select All

Ya esta! . He modificado un poco el asunto quitando la lista en HTML y ahora queda perfecto .


Gracias! .