Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Турин

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

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

11/15/17 11:58 (изменено)

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

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

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

 

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


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

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

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

  • Upvote 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

  • Upvote 2

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Спасибо!

изучу

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...