Imágenes tipo botón-pulsar

Podemos aplicar este efecto a cualquier imagen del blog, queda muy bien especialmente con las imágenes que hacen de botón-link o con los iconos de los marcadores sociales, por ejemplo.
El efecto es parecido al que ya expliqué anteriormente para los links, con la diferencia de que este se aplica solamente a las imágenes que queramos.

Tenemos, por ejemplo, un botón de marcador social, en este caso de technorati, al pinchar sobre el nos llevará a su web: http://technorati.com/, podemos hacer que el botón tenga el efecto de "pulsado":

Añadimos este código en el CSS de nuestra plantilla:
.pushbutton a:hover {position: relative; top: 1px; left: 1px;}

El botón de technorati tiene esta estructura:

<a href="http://technorati.com/"><img src="url del botón"></a>

Para darle el efecto de pulsado, hemos de "envolver" su estructura entre:
<span class="pushbutton"><a href="http://technorati.com/"><img src="url del botón"></a></span>