Efecto pushbutton (botón-pulsar)

Un efecto muy ineteresante que se puede aplicar tanto a imágenes que sirvan de enlace como a simples enaces de texto.

El efecto provoca que el enlace parezca pulsado o como si se "hundiera". Pero, para saber de que trata el efecto pushbutton, aquí les dejo una muestra, pasad el mouse por encima del enlace:



Queréis hacerlo, es bastante sencillo:

♠ Para empezar, vamos a Diseño/ Edición de HTML.
♠ Con ayuda de CTRL+F buscamos ]]></b:skin> y antes de este pegamos:

.pushbutton a:hover{
position: relative;
top: 1px;
left: 1px;}

Luego de esto damos click a guardar plantilla.

♠ Ahora cada vez que querramos agregar un enlace con este efecto deberemos de hacerlo del siguiente modo:

<span class="pushbutton"><a href="AQUÍ-ENLACE-A-PÁGINA"><img src="URL-DEL-BOTÓN"></a></span>

Para agregar un enlace con texto y que tenga el efecto botón-pulsar deberemos de borrar <img src="URL-DEL-BOTÓN"> y en su lugar poner el texto.