Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/08/2013, 13:09
cesa_r
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 11 años, 4 meses
Puntos: 6
Respuesta: No consigo poner botón de Google + junto a otros iconos

En primera no almacenes los iconos en una etiqueta <p></p>
quita <p></p> y remplazalo por un <div></div>

a:

Cita:
<script type="text/javascript">
window.___gcfg = {lang: 'es'};

(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><div class="g-plusone" data-annotation="none" data-href="http://www.barcelona-beach.com"></div><br>
quitale <div class="g-plusone" data-annotation="none" data-href="http://www.barcelona-beach.com"></div><br>

y ponla dentro del <div></div>:
quedando asi:

Cita:
<div> //quite <p> y la remplace por un <div>
<a href="/index.php/en/">
<img alt="http://www.barcelona-beach.com//images/United-Kingdom.png" src="http://www.barcelona-beach.com//images/United-Kingdom.png" longdesc="English"></a>
<a href="/index.php/de/">
<img alt="http://www.barcelona-beach.com/images/Germany.png" src="http://www.barcelona-beach.com/images/Germany.png" longdesc="Deutsch" border="0"></a>
<a href="/index.php/fr/">
<img alt="http://www.barcelona-beach.com/images/France.png" src="http://www.barcelona-beach.com/images/France.png" longdesc="Francais" border="0"></a>
<a href="/index.php/es/">
<img alt="http://www.barcelona-beach.com/images/Spain.png" src="http://www.barcelona-beach.com/images/Spain.png" longdesc="Spanish" border="0"></a><br>
<div class="block">
<a href="https://www.facebook.com/barcelona.beach.1?sk=info&edit=eduwork" target="_blank">
<img class="decoded" alt="http://www.barcelona-beach.com//templates/aquilo/images/facebook.png" src="http://www.barcelona-beach.com//templates/aquilo/images/facebook.png"></a>
</div>
<div class="block">
<a href="https://twitter.com/bcn_beach_com" target="_blank"> <img class="decoded" alt="http://www.barcelona-beach.com//templates/aquilo/images/twitter.png" src="http://www.barcelona-beach.com//templates/aquilo/images/twitter.png"></a> <!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
</div>
<div class="block"> //el boton google y los demas iconos sociales los meti en otro div cuya clase es block.
<div class="g-plusone" data-annotation="none" data-href="http://www.barcelona-beach.com"></div> // esto basicamente es el boton google
</div>
</div>
y por ultimo en tus estilos agrega:

Cita:
.block {
display: inline-block;
}
¡Espero te aiga sido de ayuda!