Fish-Eye en esquina

Es decir: que en vez de desplegarse los iconos DENTRO del blog, se ven en la esquina de éste... en un lateral superior... como desplegados en parábola vertical.

Bueno: se entiende mejor si se ve la prueba que he hecho AQUÍ

wL HACK ORIGINAL SE LLAMA "FishEye-Corner" y... para más información, leeros la entrada que he puesto en el blog de demostración del hack.

Otro día pongo el código (y cómo queda el CSS en plantilla de Nuevo Blogger... porque he tenido que adaptarlo para se viera bien en este tipo de blog)

.......................

Ultima hora: Mientras espero que termine la Cabalgata de Reyes (para poder salir de casa sin helicóptero o algo así...) he integrado en un menú suckerfish una galería de lightbox... mi demo está en este mismo blog de pruebas (cuya dirección teneis arriba). Ha quedado preciosa.

El hack original lleva por nombre "Suckerfish HoverLightbox Redux"... y ya daré las pistas cuando tenga otro poco de tiempo.

..........................

Vamos a explicar el Fish-Eye en esquina:

Casi mejor que tenéis una plantilla con los bordes delimitados (lo digo porque vuestras visitas aprecien mejor el efecto).

.- Necesitamos un script para hacerlo funcionar:
<script language='JavaScript' src='http://.../CornerDock.js'/>

.- Y el HTML para llamar al script, así como otro acript, al final del HTML, para "rematar" el efecto:

<!-- Start of corner dock mark up -->

<div id='CornerDockDiv'>

<!-- Each 'a' tag must have a unique ID and must contain one single 'img' tag -->

<a href='http://.../' id='0'><img src='...gif' title='Epílogo'/></a>

<a href='http://.../' id='1'><img src='http://...gif' title='Revolutum'/></a>

<a href='http://...com/' id='2'><img src='http://...gif' title='Imagen'/></a>

<a href='http://..blogspot.com/' id='3'><img src='http://...gif' title='JJ-Test'/></a>

<a href='http://...blogspot.om/' id='4'><img src='http://...gif' title='Trabajos Oscuros'/></a>

<a href='http://...blogspot.com/' id='5'><img src='http://...gif' title='Nada'/></a>



<a href='http://...blogspot.com/' id='6'><img src='http://...png' title='Suckerfish Menú'/></a>

<a href='...blogspot.com/' id='7'><img src='http://...png' title='Flash sin flash'/></a>

<a href='http://...blogspot.com/' id='8'><img src='http://...jpg' title='Fancy Menú'/></a>

<a href='http://...blogspot.com/' id='9'><img src='http://...png' title='Test Image-Flow'/></a>

</div>



<script language='JavaScript'>



window.CornerDock = new JSCornerDock(&#39;CornerDockDiv&#39;,300,800);

</script>

Y nada más. Es muy facilín :)

Vía: CornerDock