Saltar para o conteúdo principal

Banners: Banners responsivos

O valor de tamanho auto pode ser utilizado para assegurar que a escala da imagem do anúncio é a largura e altura totais (100%) do componente HTML. Para aplicar esta funcionalidade a um banner, é necessário utilizar o tipo de etiqueta Iframe.

Por exemplo, para um banner de 728x90:


<iframe src="//a.examplesite.com/iframe.php?idzone=123456&size=728x90" width="728" height="90" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

Deve alterar o valor do parâmetro de tamanho 728x90 para auto e também definir os valores predefinidos width="728" e height="90" para width="100%" e height="100%".


<iframe src="//a.examplesite.com/iframe.php?idzone=123456&size=auto" width="100%" height="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

Por fim, deve certificar-se de que mantém o rácio de escala das imagens, caso contrário estas parecerão distorcidas.

Nota: A utilização desta funcionalidade impedirá que as suas zonas de anúncios apresentem todos os elementos RDA.