Картинка для сайта шапки: Фон для шапки сайта — 44 фото — Независимое театральное объединение "Зрительские симпатии"

Содержание

Шапка сайта. Типовое решение «GS: Print

Главная
Документация
Типовое решение «GS: Print — Сайт типографии»
Шапка сайта

Большая часть элементов в шапке сайта представлена включаемыми областями. Исключение: кнопка «Записаться на сервис», Форма поиска, Заказать звонок.

Включаемые области

1. Адрес компании
2. Email
3. Картинка логотипа
4. Текст логотипа
5. Текст о компании
6. Телефон
7. График работы

Редактирование включаемых областей

Для редактирования включаемой области можно воспользоваться нашей инструкцией: Редактирование включаемых областей

1.

Адрес компании

2. Email

Email необходимо изменить в двух местах.

3. Картинка логотипа

Вместо данного кода вы можете прописать путь к своему изображению. Предварительно изображение необходимо подготовить (оптимизировать, подобрать размер) и загрузить на сайт. Все изображения рекомендуется загружать в корень сайта в папку images.

Предположим у вас есть изображение логотипа с именем logo.png

Во включаемой области вместо <i aria-hidden=»true»></i> вы можете прописать следующий код:

Для загрузки изображения:

1. Переходим во вкладку Администрирование

2. Контент — Структура сайта — Файлы и папки — images (если папки images нет, её необходимо создать)

3. Загружаем файл logo.png в папку images

Отредактировать размер и расположение картинки логотипа относительно других элементов в шаблоне можно в файле стилей style. css.

4. Текст логотипа

Если в логотипе предполагается только картинка, то текст логотипа можно удалить.

5. Текст о компании

6. Телефон

7. График работы

Элементы шапки редактируемые через шаблон

1. Кнопка «Оставить заявку»
2. Ссылка «Заказать звонок»
3. Форма поиска на сайте

1. Кнопка «Оставить заявку»

Отредактировать кнопку можно в коде шаблона сайта.

Вместо <?=GetMessage(«HEADER_ZAYVKA»)?> вы можете указать свой текст ссылки.

2. Ссылка «Заказать звонок»

Отредактировать код ссылки «Заказать звонок» можно в коде шаблона сайта.

Вместо <?=GetMessage(«CALLBACK»)?> вы можете указать свой текст ссылки.

3. Форма поиска на сайте

Отредактировать форму поиска можно в коде шаблона сайта.

Главная страница

1. Главный баннер

Допустимые форматы изображений: jpg, png, gif.

Размеры баннера

Баннер с шапкой № 1 — 1920 x 685 px.
Баннер с шапкой № 2, 14 — 1920 x 599 px.
Баннер с прозрачной шапкой № 3, 4, 5, 6, 7 — 1920 x 685 px.
Баннер с шапкой № 8 — 1920 x 587 px.
Баннер с шапкой № 9, 10, 11, 12 — 920 x 550 px.
Баннер с шапкой № 13 — 1920 x 540 px.

Рекомендованные размеры баннеров актуальны для типов шапки с прозрачным фоном. Если шапка непрозрачная, она будет накладываться на изображение и закрывать его часть в зависимости от размера шапки. При этом варианты стоит заложить в размеры баннера размер шапки.

Так как баннеры могут быть загружены различных размеров, они не адаптированы. Это значит, что баннер будет обрезаться на мобильных устройствах. Поэтому рекомендуется загружать абстрактные картинки, смысл которых не потеряется в мобильной версии.

2. Главный баннер (составной)

Допустимые форматы изображений для фона — jpg, png, gif. Допустимые форматы изображений для активной картинки — png. Изображение будет накладываться на фон с середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.

Размеры составного баннера

Баннер с шапкой № 1, 2, 14:

фон — 1920 x 599 px;
активная картинка: максимальная ширина — 960 px, оптимальная высота — 550 px.

Баннер с прозрачной шапкой № 3, 4, 5, 6, 7:

фон — 1920 x 685 px;
активная картинка: максимальная ширина — 960 px, оптимальная высота — 550 px.

Баннер с шапкой № 8:

фон — 1920 x 587 px;

активная картинка: максимальная ширина — 960 px, оптимальная высота — 550 px.

Баннер с шапкой № 9, 10, 11, 12:

фон — 1920 x 550 px;
активная картинка: максимальная ширина — 960 px, оптимальная высота — 500 px.

Баннер с шапкой № 13:

баннер + шапка — 1920 x 685 px;
фон — 1920 x 685 px;
активная картинка: максимальная ширина — 960 px, оптимальная высота — 500 px.

Обратите внимание, что шапка сайта № 13 закроет баннер сверху на 146 px.

3. Плавающие баннеры

Допустимые форматы изображений — jpg, png, gif.

Узкие горизонтальные — 600 x 400 px.

Узкие вертикальные — 600 x 400 px.

Широкие — 1200 x 400 px.

4. О компании

Допустимые форматы изображений — jpg, png, gif.

Ширина — максимум 960 px. Оптимальная высота — исходя из размеров текста.

Размер фона

Ширина — 1920 px. Высота — исходя из размеров текста. В нашем случае — 600 px.

Допустимые форматы изображений для фона: jpg, png, gif.

Размер активной картинки

Ширина — максимум 960 px.
Оптимальная высота — исходя из размеров текста. В нашем случае — 540 px.

Допустимый формат изображения — png.

5. Преимущества на главной

Рекомендуемые расширения для преимуществ на главной странице сайта: svg, jpg, png, gif.

Оптимальный размер картинок — 50 x 50 px.

6. Информационный блок

Допустимые форматы изображений для фона: jpg, png, gif.

Размер картинки может быть любой, но в пределах 222 x 244 px.

лучших 500+ изображений в заголовках | Скачать бесплатные изображения на Unsplash

A photoPhotos 536
A stack of photosCollections 2.6k
A group of peopleUsers 4

header images

background

wallpaper

person

writing

marketing

nature

Unsplash+

В сотрудничестве с Чарльзом Эторомой

Unsplash+

Разблокировать

мужской костюм

Джоанна Косинска – –––– – – –– ––– –– –––– – –.

Патрик Томассо

Hd серые обоиHd обои водаморе

Benjamin Wedemeyer

österreichleadershipheader image

Damian Zaleski

officemarketingwork

BlogsWritingBook Images & Photos

UNSPLASH+

в сотрудничестве с AHMED

UNSPLASH+

разблокировать

Best Soccer Picturesfootball Imagesschild

HD Abstract Wallperpersgulf of MexicoEar и Pictrowr11111110

hd Abtlebr Preez

Weathermitrain

Super Snapper

Hd обои для компьютераHd обои для ноутбуказаголовок фото

Tengyart

Nature imagesSpace images & picturesuniverse

Unsplash+

In collaboration with Nathan Watson

Unsplash+

Unlock

Hd wallpapersHd 3d wallpapersrender

Brandi Redd

Texture backgroundsHd white wallpapersPaper backgrounds

Ian Schneider

ideaФон сайтасоциальный

рабочий столРозовые обоиHD пастельные обои

JESHOOTS. COM

businessstudytech

Дэвид Мартин

Артур Равенел мл. bridgecharlestonHq background images

Unsplash+

In collaboration with Getty Images

Unsplash+

Unlock

standingPeople images & picturesphotography

Edgar Chaparro

Beach images & picturesItaly pictures & imagespositano

malemansuit

officemarketingwork

Best soccer обоиФутбол фотографииребенок

WeatherMistrain

Природа фотоКосмос фотовселенная

Текстуры фоныБелые обои HDБумажные фоны

businessstudytech

Пляж фото Италия фото и картинкиpositano

–––– ––––––––– – – – ––– –– – –– –––– – – –– ––– –– –––– – –.

Hd желтые картинкиHq фон фотографииHd обои дизайн

Hd серые картинкиHd обои водаморе

österreichleadershipheader изображение

blogwritingBook images & photos

Hd abstract wallpapersgulf of mexicoEarth images & pictures

signwordsquote

Hd computer wallpapersHd laptop wallpapersheader photo

Hd wallpapersHd 3d wallpapersrender

ideaWebsite backgroundssocial

Картинка для сайта шапки: Фон для шапки сайта — 44 фото

Шапка сайта. Типовое решение «GS: Print

Включаемые области

Редактирование включаемых областей

1.

2. Email

3. Картинка логотипа

4. Текст логотипа

5. Текст о компании

6. Телефон

7. График работы

Элементы шапки редактируемые через шаблон

1. Кнопка «Оставить заявку»

2. Ссылка «Заказать звонок»

3. Форма поиска на сайте

Главная страница

3. Плавающие баннеры

4. О компании

5. Преимущества на главной

6. Информационный блок

лучших 500+ изображений в заголовках | Скачать бесплатные изображения на Unsplash

Related collections

Header

Заголовок блога Обои

Добавить комментарий Отменить ответ