BANNER A LAYER

ESPECIFICACIONES TÉCNICAS

000000056_imagen_hover
Ejemplo del formato

Inicia con un banner fijo que por medio de mouseover o click despliega un layer. El mismo puede cerrarse por botón o al finalizar la animación. Desde el banner se podrá volver a desplegar el layer.

¿CÓMO FUNCIONA?

Inicia con un banner tradicional de tamaño 300×250 que por medio de mouseover o click despliega un Layer de 1000×600 El mismo puede cerrarse mediante botón de cerrar o al finalizar la animación.

El banner tendrá un botón que le permitirá al usuario volver a desplegar el layer si lo requiere.

¿CÓMO SE DISEÑA?

– Banner principal:

Para visualizar el layer se incluirá un botón de “abrir”, mediante la acción de rollover o click,según corresponda.

– Layer:

El Layer puede tener fondo transparente y debe tener un botón para cerrarlo (obligatorio).

Ambos botones deben de estar en un div:

<body>
<div id="botonCerrar">
Cerrar Anuncio
</div>
<div id="botonAbrir">
Abrir
</div>
</body>

En caso que la creatividad expanda al layer por rollover se debe hacer un div general que este por encima del contenido del banner.

IMPORTANTE

  • No se debe utilizar iframes
  • Si se diseña en google web designer:
    • Realizar un anuncio que NO es de google.
    • No invertir la pieza expandida y replegada(banner­page / expanded­page).
  • Realizar correctamente todos los divs, por separado para clicktag y botones.
  • Las medidas del replegado y el expandido no deben estar invertidas.
  • El anuncio solamente debe contar con los handlers personalizados de los botones expandir y cerrar.
  • Siempre la pagina inicial debe ser la replegada (banner­page).

MATERIALES A ENVIAR

  • Enviar 1 zip por cada pieza. Ejemplo, el banner consta de 2 piezas, se debe enviar 2 zip por separado, cada una en su carpeta con sus contenidos. Ejemplo
  • El peso máximo del anuncio debe ser de hasta 30 MB.
  • En caso que la pieza lleve video ver las siguientes especificaciones.Ver aquí