23 octubre 2009

Efecto esquina doblada.

Truco esquina que se dobla.

Aqui les traigo este truco que esta muy bueno. Sirve para mostrar otro blog, sobre todo si tienes más de uno y da la impresión de que este otro blog está colocado justo debajo del que estás viendo.
Al poner el ratón en la esquina del blog, ésta se dobla mostrando el que está "debajo" y, al mismo tiempo, sirve de enlace a él.
Para colocarlo en tu blog has de hacer lo siguiente:
Ante todo prepara la imagen del blog que vas a mostrar debajo.
Para ello, haz una captura de pantalla, del blog en cuestión, pulsando a la vez las teclas Alt e Impr Pant. En cuanto las hayas pulsado abre Paint, por ejemplo, y en Edición pincha en Pegar. Verás la imagen que has capturado. Luego en Archivo elige guardar como y lo guardas como JPEG (paint suele guardalas en formato bmp).
Deberías recortarla o hacerle algún arreglo pues capturarás la ventana completa, con barras del navegador y todo, lo que no queda muy bonito.
También has de tener en cuenta la medida. La ideal es de 500x500. Más de eso, dependiendo de donde esté colocado, no se verá el título del blog. Menos de eso se ve parte del blog principal.
Una vez que tengas la imagen preparada, sigue estos pasos:
1º.- Descargar este archivo.
2º.- Abrirlo, pues está en zip.
3º.- Una vez descomprimido abre la carpeta de tus documentos y arrastra a ella los siguientes archivos: Small.swf - Small.jpg - large.swf y peel.js
4º.- La imagen que has preparado, muévela o cópiala en tus documentos.
5º.- Sube los 3 primeros archivos, más el de la imagen que hayas preparado, a un servidor, por ejemplo google pages.
6º- Edita el archivo peel.js Para ello has de abrirlo y modificar estos datos:

jaaspeel.ad_url = escape('URL DE LA PAGINA A DIRIGIRNOS');
jaaspeel.small_path = 'URL DEL ARCHIVO small.swf';
jaaspeel.small_image = escape('URL DEL ARCHIVO small.jpg');
jaaspeel.big_path = 'URL DEL ARCHIVO large.swf';
jaaspeel.big_image = escape('URL DE LA IMAGEN DE FONDO GUARDADA COMO JPEG');

cambiando lo que está en rojo por la url del otro blog, en el primer caso y por las que les dará el servidor, en los otros, vigilando de no borrar ningún apóstrofe de los que abren y cierran las direcciones.
7º.- Una vez modificado, guarda el archivo y súbelo también al servidor.
8º.- Entra en Edición de HTML de tu blog y añade esto



debajo de cambiando lo que está en rojo por la dirección del archivo modificado que has subido el último.
Haz vista previa, y si todo ha ido bien, verás el efecto al momento.

2 comentarios:

Anónimo dijo...

Gracias por el aporte
Muy bueno
Lo puedes ver en
www.masbendicon.com

Blog dijo...

Ok.
Estuve visitando tu web y te quedo muy bueno el efecto.
Sigue adelante.