495  /  522
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Баннеры с фоном

Всего доступно 3 типа отображения баннеров с фоном: большие баннеры, без описания, с описанием.


1. Большие баннеры

Блок разделен на 2 половины. Слева текст, справа активная картинка. Активная картинка выравнивается по левому и нижнему краю блока. Высота баннера может быть больше. Она зависит от количества текста.

По ширине сайта
Фон — 1920x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.

Ширина сайта 1700 px
Фон — 1700x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.

Ширина сайта 1500 px
Фон — 1500x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.

Ширина сайта 1348 px
Фон — 1348x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.

2. Без описания

Блок разделен на 2 части. Верхний блок с текстом и нижний с картинкой. Картинка выравнивается по нижнему краю и по центру и не может быть ближе 60px от заголовка.

По ширине сайта

2 в ряд: Фон — 960x672 px.
Активная картинка — размер зависит от творческого решения дизайнера.

3 в ряд: Фон — 635x657 px.
Активная картинка — размер зависит от творческого решения дизайнера.

Ширина сайта 1700 px

2 в ряд: Фон — 850x666 px.
Активная картинка — размер зависит от творческого решения дизайнера.

3 в ряд: Фон — 567x688 px.
Активная картинка — размер зависит от творческого решения дизайнера.

Ширина сайта 1500 px

2 в ряд: Фон — 750x666 px.
Активная картинка — размер зависит от творческого решения дизайнера.

3 в ряд: Фон — 500x657 px.
Активная картинка — размер зависит от творческого решения дизайнера.

Ширина сайта 1348 px

2 в ряд: Фон — 674x666 px.
Активная картинка — размер зависит от творческого решения дизайнера.

3 в ряд: Фон — 449x688 px.
Активная картинка — размер зависит от творческого решения дизайнера.

3. С описанием

Блок разделен на 2 равные половины. Картинка занимает правую половину блока. Она выравнивается по левому и нижнему краю. Сверху она ограничена отступом в 46 px и не может прижиматься к верхнему краю. Высота блока зависит от количества текста. Чем больше текста, тем выше блок. Но минимальная высота — 360 px.

На всю ширину
Длина картинки 452 px. Длина может быть больше 452 px. В таком случае часть картинки, которая не поместилась в 452 px обрежется.
Высота зависит от количества текста.

Ширина сайта 1700 px
Длина картинки 417 px.
Высота зависит от количества текста.

Ширина сайта 1500 px
Длина картинки 367 px.
Высота зависит от количества текста.

Ширина сайта 1348 px
Длина картинки 329 px.
Высота зависит от количества текста.