Módulo - Banners

Los parámetros que maneja este módulo son:

  • Clase: permite agregar una clase adicional a la clase CSS por defecto que es img-bnn. En este módulo es importante definir una clase adicional ya que es frecuente que convivan 2 paneles distintos en una misma página.
  • Título del módulo: Texto definido en el diccionario para ser usado como título general del panel
  • Tipo de módulo: Define el modo en que se imprimirán las imágenes.
    • Normal: imprime directamente la o las imágenes
    • Aleatorio (Normal): idem anterior, pero las ordena aleatoriamente con cada actualización de la página.
    • En Flash (en desuso): Permite utilizar una aplicación en flash para cargar los banners y hacerlos rotativos. 
    • Slide Jquery: Mediante el plugin de jquery - http://www.slidesjs.com/
    • Vegas: Mediante el plugin de jquery Vegas Backgrounds http://vegas.jaysalvat.com/ - este plugin permite aplicar las imágenes como fondos, además de generar un slide.
  • Transparencia en FLASH (en desuso): solo si se aplica el tipo En flash.
  • Imprime en contenido?: Determina si el panel imprime cuando se accede a un contenido (artículo, producto, anuncio, clasificado, etc.)
  • Muestra el nombre?: si muestra además de la imagen, el nombre que se haya definido en el registro.
  • Ordenar banners: si es por el campo orden o de modo aleatorio.

Ver como ubicar el módulo.

Por supuesto, una vez que el módulo está activo se deben cargar banners a través de la opción núcleo -> banners.

 

Para incluir imágenes entre medio de la maqueta se utiliza el módulo "Panel de banners"
Este módulo se dá de alta desde adm -> núcleo -> módulos

1. se selecciona el tipo de módulo

2. en la pantalla siguiente se definen los parámetros que en este caso sería solo:
nombre -> colocar "Logo" / este es un nombre interno para identificarlo
clase -> colocar "logo" / esto creará luego un id llamado "img_bnn_logo" para utilizar en la maquetación.
(el resto de los parámetros no es necesario tocarlos)

En la solapa posición:
Seleccionar "top" (esto ubicará el módulo en la maqueta dentro del div "top")
Clic en guardar

Con estos pasos ya tendremos un módulo para poder cargar la imagen.

CARGANDO EL LOGO
El logo se carga desde adm -> núcleo -> banners
Los datos a cargar son:
nombre -> colocar "Logo" / este es un nombre interno de referencia
imagen -> cargar el logo que previamente habrás extractado del illustrator en formato png (con fondo transparente)
Solapa ubicación - módulo -> seleccioná "Logo" / que es el módulo creado anteriormente.
Solapa Enlace -> en general yo coloco "/" ya que esto incluirá un enlace a la home desde el logo
Clic en guardar

MAQUETAR
una vez que lo tenemos cargado, deberíamos verlo en la home page:http://localhost/duendejuegos.com.ar
Mirar el código fuente y maquetar de acuerdo a los divs.