Small Pirate

Bueno amigos hoy les traigo un Puzzle de redes sociales o pueden cambiarlo por diferentes acciones, eso esta a su gusto :) yo lo coloque en forma de rompecabezas me pareció atractivo bueno aca les dejo una cap de como lo hice yo .

demo. http://pruebas-sp.eshost.es/


ahora si quieren colocarlo en su web hacen lo siguiente:

en su .css buscan por <style> y abajo colocan :

// puzzle de redes sociales by jorgedrb//

<style>
  #puzzleredes {
    height: 300px;
    margin: 0 auto;
    position: relative;
    width: 470px;
  }
  #puzzleredes a {
    display: block;
  }
  #puzzleredes ul {
    list-style-type:none;
    margin: 0;
  }
  #puzzleredes li {
    float:left;
    height:85px
    width:85px;
  }
</style>

//fin//

luego abren su recent.template y colocan esto donde quieran que aparezca.

//Puzzle de redes sociales by jorgedrb//

echo'
<div id="puzzleredes">
  <ul>
    <li>
      <a href="ACCION O SERVICIO">
        <img src="URL_DE LA IMAGEN">
      </a>
    </li>
    <!-- y seguimos agregando todas las que se nos ocurra -->
</ul>
</div>';

//fin//

y eso es todo :)

si quieren colocar un rompecabezas como el que yo coloque me avisan y les mando unas img.

ESPERO COMENTEN, GRACIAS.

Dale te lo recomiendo 

Gracias por el punto :)

aca puede ver el demo de como se ve http://pruebas-sp.eshost.es/