Boton con SPAN sin HREF ni INPUT BUTTON

[morfasto]

Hola, que tal?

Estuve revisando un poco el funcionamiento de una pagina web bastante interesante: www.imgur.com.

Esta pagina tiene algunas cosas que me llamaron la atencion y me gustaria implementarlas de la misma manera en mi pagina web.

Por ejemplo: http://imgur.com/gallery/lFIn4 , en este link se muestra una imagen y debajo de esta al lado derecho hay opciones para compartir. Lo que me llamo la atencion son esos botones para compartir ya que si veo el codigo fuente, esto es lo unico que aparece de ellos:

Código HTML:

<ul>
        <li class="title" title="Share on Twitter">
            <span class="twitter_custom"></span>
        </li>
        <li class="title" title="Share on Facebook">
            <span class="facebook_custom"></span>
        </li>
        <li class="title" title="Share on Reddit">
            <span class="reddit_custom"></span>
        </li>
        <li class="title" title="Share on Tumblr">
            <span class="tumblr_custom"></span>
        </li>
        <li class="title" title="Share on Stumble Upon">
            <span class="stumbleupon_custom"></span>
        </li>
        <li class="title" title="Share over email">
            <a href="javascript:;" class="addthis_button_email"><span class="st_email_custom"></span></a>
        </li>
        <li class="title" title="More sharing options">
            <span class="addthis_button st_sharethis_custom"><span></span></span>
        </li>
    </ul>
 

Se estan usando listas con SPAN, pero... en donde esta el boton? donde esta el href? Al parecer no se usa nada de esto, sino simplemente javascript o algo que no tengo idea jaja. Se que la imagen de cada boton se agrega por medio de la hoja de estilo, pero, donde esta el link del boton?

Por otro lado, si es que quiero abrir ese boton en otra pestaña del explorador dandole click derecho, no se puede, ya que el menu del click derecho no te da esas opciones, sino solo atras y otras mas. Por lo que solo te permite ejecutar el boton cuando se da click izquierdo.

Como es que se hace un boton asi? Me interesa bastante porque necesito tener un boton que tenga las mismas caracteristicas que explique anteriormente.

Alguna idea?

Muchas Gracias!

[zerokilled]

¡buenas!
todo lo relacionado a la apariencia esta hecho en css, y lo relacionado al comportamiento en javascript. básicamente se trata de un elemento con imagen de fondo, entre otras cosas, y en el javascript un evento onclick que dirige el navegador a una url particular o alguna otra acción. es por eso que no te muestra las opciones que comunmente deberían aparecer un enlace real.

[morfasto]

y porque es que no se ve el evento onclick?

[JairLizcano]

Recuerda que puedes hacer referencia a un nodo y modificar sus propiedades con JS gracias a DOM.

Para ese caso supongo: http://javascript.about.com/library/bldom19.htm

Buena suerte.