How To Page Peel Effect
Seguro que te has encontrado con alguna web o blog que implementa un llamativo efecto donde vemos la esquina superior derecha del sitio doblada, la cual se despliega al pasar el ratón por encima para mostrar un mensaje escondido debajo. Esta técnica es conocida como Page Peel y es de relativa reciente creación. El efecto cumple muy bien la función de llamar la atención de tus visitantes hacÃa esa parte de la web para trasmitir el mensaje que quieras, por ejemplo un uso muy habitual es mostrar un mensaje dirigido a los anunciantes potenciales.
Para conseguirlo se nutre de la combinación de script en javascript+imágenes+.sfw y debido a la creciente popularidad del efecto en un comienzo era bastante complicado conseguir los códigos de forma gratuita, las tarifas van desde los 5$ hasta los 80$. Pero como siempre, ahà está la comunidad para facilitarnos la vida a todos y ya contamos con alternativas libres.
Aquà tenéis un pequeño recopilatorio de sitios donde explican como conseguir el efecto junto con los códigos necesarios:
Posts relacionados
- Panel de identificación en portada de wordpress
- “Voy a mirar twitter un segundo”
- Top 50 Tutoriales de efectos de texto en Photoshop
10 Comentarios
Deja un comentario
Muy bueno! lo veo en las webs de torrents y me tenÃa intrigado ese efecto
Gracias Rubén
Un saludo.
[...] How To Page Peel Effect, es un agradable efecto que solemos ver en mas de una Web. El mismo consiste en un efecto que se produce al pasar nuestro ratón sobre la esquina superior de nuestra web, algo similar al doblar una hoja de papel, y en el cual podremos agregar información extra o publicidad creativa. How To Page Peel Effect se logra a partir de javascript + imágenes + .sfw (flash). Por lo general estos script suelen ser de pago, es mas, en una oportunidad los necesite y debo admitir que en su momento no encontré ninguno gratuito en la red. Por suerte hoy, podremos encontrar en hongkiat este script totalmente gratuito, y a ellos le sumaremos otras alternativas que acabo de ver en Diariothc. [...]
Gracias por que con tu ayuda internet es cada vez un poco más amigable para nosotros los ROOKIES (Novatos) en el diseño gráfico y webmastering.
Gracias por tus palabras, se agradecen mucho.
Un saludo
Hola Elias,
Tengo un problema con peel.js y no se como solucionarlo.
En la siguiente dirección el script trabaja perfecto con Firefox y I.E.
http://demo.marcofolio.net/create_a_peeling_corner_on_your_website/
y en mi dirección (siendo una copia exacta) solo se ve con I.E.
http://nachitu.com/peel/indexDP.htm
Me estoy volviendo loco no entiendo porque pasa si son copias iguales. Cualquier ayuda sera gratamente apreciada.
Gracias por adelantado
Hola jurema,
Muy probable el fallo lo tienes al llamar a la librerÃa peel.js. Prueba a cambiar lo que tienes por una ruta absoluta, en tu caso serÃa: http://nachitu.com/peel/peel.js
Un saludo.
Hola ElÃas,
Lo primero gracias por contestar…
tenia probado lo de la ruta absoluta en: http://nachitu.com/peel.js
como podras ver… para mi sigue siendo un enigma me he encontrado personas que tenian problemas con IE pero no con firefox
como veras el efecto funciona con uno pero no con el otro.
quizas acabe por comprar un programa de esos que venden…aunque estando tan cerca me duele acabar comprandolo.
gracias por todo ElÃas
hola yo tengo todo sobre el peel pero el detalle esta que tengo un banner en flash cuando ejecuta se va por debajo del banner como hago para colocarlo encima del banner y que doble a la misma vez???
dolanor_24@hotmail.com
[...] » Page Peel Effect en jQuery » Page Peel Effect con JavaScript, imágenes y flash » Otras alternativas de Page Peel Effect [...]