Перейти к содержимому
Русский язык для Invision Community 5

Как добавить в шапку свое изображение

Ребят подскажите пожалуйста, во вложении моя шапка, меня там все устраивает, единственное, что там есть вторичное меню, которое мне не нужно.

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

Стрелочкой указано вторичное меню.

 

post-60096-0-32479300-1510747079_thumb.jpg

 

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

Изменено пользователем Турин

Рекомендованные сообщения

Скрываем меню

[data-role="primaryNavBar"] {
   display: none !important;
}

Устанавливаем изображение

#ipsLayout_header header {
   background: url(ссылка_на_изображение) no-repeat;
   background-size: cover;
}

  • Автор

Ребят спасибо с картинкой разобрался.

А вот с меню я извиняюсь, неправильно написал-не меню, а вторичная навигационная панель-ее бы убрать.Выше на картинке хорошо видно голубую полоску, я про нее.

А вот с меню я извиняюсь, неправильно написал-не меню, а вторичная навигационная панель-ее бы убрать.Выше на картинке хорошо видно голубую полоску, я про нее.

.ipsNavBar_primary.ipsNavBar_noSubBars {
   padding-bottom: 0px;
}

#ipsLayout_header nav.ipsNavBar_noSubBars:after {
   background: none;
}

  • 1 год спустя...

Всем привет!

 

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

Чтоб была резиновая шапка

#ipsLayout_header header {

background: url (путь на Вашу картинку) no-repeat;

background-size: 100%;

}

 

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

 

Масштабирование нужно делать средствами css, а не выбором размеров картинки.

Плюс посмотрите в сторону https://developer.mozilla.org/ru/docs/Web/CSS/Media_Queries/Using_media_queries

Спасибо! Помогло.

Спасибо!

изучу

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.