Cargando...

Expandible Push 950x90x300

Sara RamaDesktop, Formatos

¿CÓMO FUNCIONA?

El formato desplaza el contenido del sitio hacia abajo aumentando de tamaño al realizar el usuario una acción sobre el mismo, como por ejemplo, pasar el ratón por encima (rollover) o hacer click sobre él; o de manera automática.

¿CÓMO SE DISEÑA?

Html5 gif  jpg o png

Medidas: 950×90px   y  950x300px

Peso: 120 Kb por cada medida.

La pieza se compone de dos creatividades: una de 950 x 90 pixeles, y otra de 950 x 300 pixeles. Estas dos piezas se cargan por separado, por lo cual debe enviarse un archivo .zip por cada creatividad.

Los botones de abrir y cerrar son agregados por Iprofesional siempre que el material sea Html5 gif  jpg o png

Respaldo mobile.

Medidas: 300×250 px 

Formatos: GIF/JPG /HTML5_TAG

Peso:120kb 

IMPORTANTE

Las piezas se deben enviar 72 horas antes del inicio de la campaña.

Si el formato es html5, la creatividad debe llegar en un archivo comprimido .zip

El html principal debe tener dentro el nombre “index.html”.

Al enviar archivos html5, asegurarse que los llamados a archivos externos sean seguros (https).

Expandible mediante tag completo.
 Se debe implementar tanto el botón como la lógica del cambio de layers, instancias replegar y desplegar en el mismo tag.
EJ.
<style>
body { background-color: #00A2EA; color:white }
a { color: white; margin: 0 20px 0 0 }
</style>
<script>
function expand() {
$sf.ext.expand();
document.body.style.backgroundColor="#00A2EA"
}
function collapse() {
$sf.ext.collapse();
document.body.style.backgroundColor="#0065B3";
}
</script>
This is an example tag. Expand and collapse functions are controlled from within the creative.
<br><br>
<a href='javascript:expand();'>Expand:  $sf.ext.expand();</a>
<a href='javascript:collapse();'>Collapse:  $sf.ext.collapse();</a>