Alinhamento de botões sociais em coluna

  • Autor Autor Juan Quiñónez
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Juan Quiñónez

Juan Quiñónez

Épsilon
Redactor
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
¿Qué tal?
Bien, mi problema (no nuevo) es con las alineaciones del botón de twittear, el de bitácoras y ahora el del botón +1 de Google. Deseo que aparezcan todos en forma de columna (uno debajo del otro, XD) en el espacio que deja el cuadro de AdSense a la derecha. Otro problema es que le intenté con span y float:right; para el de Bitácoras, pero solo funciona cuando el título es largo.

Aquí aparece bien:
10 espectaculares temas rosa para Windows 7 | Mundo 3.0

Pero aquí aparece mal:
Tema de Mac OS X para Ubuntu 11.04 | Mundo 3.0

Y ahora, con el botón +1, ya el problema se ha hecho mayor. ¿Podrían ayudarme?
Este es el fragmento del CODE del single.php:

PHP:
<h2><a href="<?php the_permalink();?>" title="<?php the_title();?>">
<?php the_title();?><div style="float:right;padding:-4px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Mundo30" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div></h2>
</a>
</div>
<!--post-title-->
<div class="post-meta-data">
Publicado en <?php the_time('M j, Y');?>, Categorías: <?php the_category(',')?>
</div>
<span><div style="float:right;"><a href="http://bitacoras.com/anotaciones/<?php the_permalink() ?>"><img src="http://widgets.bitacoras.com/votar/big/<?php the_permalink() ?>" alt="votar" title="Votar esta anotación en Bitacoras.com" style="vertical-align:middle;border:0" /></a></div></span>
<!--ADSENSE GRANDE-->
<script type="text/javascript"><!--
google_ad_client = ...... 
"http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></br>
<!--ADSENSE GRANDE-->
</br>
<!--ADSENSE ENLACES-->
<center><script type="text/javascript"><!--
google_ad_client =.....
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
<!--ADSENSE ENLACES-->
</br>
<!--post-meta-data-->
<div class="post-content"><?php the_content();?>

Casi se me olvida: Aquí está el del botón +1, que lo he dejado temporalmente en la parte de abajo:

PHP:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'es-419'}
</script>
<g:plusone size="tall"></g:plusone>
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Pues sería colocar en un div los anuncios de Adsense y allí hacer lo mismo que está haciendo ahora...
 
Última edição:
Voltar
Topo