Горизонтальный баннер-перетяжка

Здесь собраны технические требования к горизонтальному баннеру-перетяжке.

Описание

Баннер в слайдере на главной странице

Размеры :

Баннер делается в двух размерах:

Для десктоп-версии сайта:

5096x368 рх

Для мобильной версии сайта:

1119x597

Варианты рекламных материалов :

Картинка
HTML5

Пример

Файл 5096x368.PSD.________ Файл 1119x597.PSD.________ HTML5 Баннер._________

Требования

Картинка :

Форматы: \*.gif, \*.png, \*.jpg.
Вес материала: до 1Мб.
Надпись "Реклама" в правом верхнем углу.

HTML5:

Размер графического изображения баннера, как указано выше, должен быть 5096x368px для десктоп-версии и 1119х597 для мобильной версии.
При этом размеры изображения в стилях на основной html - странице
должны быть адаптивны и иметь значения ширины - 100%, и высоты - "auto".

Смотрите пример:

JAVASCRIPT-block:

1
2
canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = '100%';
canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = 'auto';

HTML-block:

1
2
3
<div id='animation_container' style='background-color:rgba(255, 255, 255, 1.00); width:100%;'>
<canvas id='canvas' width='100%' height='auto' style='position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00); width:100%; height: auto;'></canvas>
<div id='dom_overlay_container' style='pointer-events:none; overflow:hidden; width:100%; height:auto; position: absolute; left: 0px; top: 0px; display: block;'></div>
Javascript код может находиться в отдельных файлах, которые не должны быть размещены в папках. Дополнительные папки и ссылки на файлы в этих папках запрещены. Количество файлов не более 5.
Все стили должны находиться в отдельном css-файле. Количество файлов не более 1.
Надпись "Реклама" в правом верхнем углу.