Jueves, 28 Julio 2011 14:41

Efecto Peeling o Pelado en nuestro sitio web

Escrito por 
CMS:  Joomla! |  Versión:  1.7 |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


ico_peelingEn este artículo veremos cómo realizar el efecto peeling o efecto de pelado en nuestro sitio web en Joomla.

Utilizaremos una extensión llamada Page peel banner para realizar la configuración de este efecto de manera sencilla.

 

 

Descargar extensión Descargar Imágenes Utilizadas

 

1- Generalidades

El efecto de pelado simula que nuestro sitio web tiene varias capas, usualmente se muestra este efecto en una esquina y se coloca contenido semioculto para acceder banners de publicidad.

En el centro de extensiones de Joomla al buscar el término peeling ubicaremos varias extensiones, en este artículo usaremos la extensión Page peel banner.

img1

 

2- Configurando la extensión

Después de descargar la extensión Page peel banner procedemos a instalar y configurar.

Algunas características de la configuración:

  • Se puede usar los banners definidos en el componente de banners que tiene Joomla por defecto
  • La extensión permite usar sólo archivos con extensión .jpg , por lo que si tenemos una animación en flash será necesario cambiarle la extensión para que se pueda seleccionar.
  • Las imágenes o animaciones que se muestran se encontraran en la siguiente carpeta: /modules/mod_pagepeel_banner/pagepeel_banner
  • La posición debe ser una posición de banner o alguna otra posición superior de nuestra plantilla.

img2

 

3- Resultado Final

Después de configurar la extensión veremos un resultado como se muestra en la siguiente imagen:

imgfinal

 

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

 

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop