Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Турин

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

Recommended Posts

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

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

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

 

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

 

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

Edited by Турин

Share this post


Link to post
Share on other sites

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

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

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

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

Share this post


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

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites

Всем привет!

 

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

Share this post


Link to post
Share on other sites

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

#ipsLayout_header header {

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

background-size: 100%;

}

 

Share this post


Link to post
Share on other sites

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

 

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

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

  • Upvote 2

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Спасибо!

изучу

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...