nos   12 Aug, 2011, 12:08 pm
#1
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:
[Imagen: IQskr.png]


Codigo HTML:
Cita:<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! Wink.
wasmake   12 Aug, 2011, 12:17 pm
#2
Amigo Big Grin height=20px" a 0px
aun que no se asi que mejor usa marign-left:-5px
nos   12 Aug, 2011, 12:20 pm
#3
Si pongo "0px" desaparece el boton de FB...asi que esa no es la solucion :S.
wasmake   12 Aug, 2011, 12:28 pm
#4
margin-left: -5px;
Y vele calculando
nos   12 Aug, 2011, 12:34 pm
#5
Para el boton del FB me funciona, pero para el del Twitter???, ya que es otro codigo diferente...:S.
Omar G.   12 Aug, 2011, 10:45 pm
#6
Pues no se, pero en tu global.css agrega esto:
.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.

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
cacacolass   11 Oct, 2011, 8:03 pm
#7
Yo tengo el mismo problema, qué debería hacer ?

<iframe src="http://www.facebook.com/plugins/like.php?href={$mybb->settings['bburl']}/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>

<!-- 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 !
#smar#   11 Oct, 2011, 9:34 pm
#8
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

Big Grin Ser alegre es mi vicio mas grande Big Grin
Omar G.   12 Oct, 2011, 9:35 am
#9
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

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.