Jump to content
4.4.6
Sign in to follow this  
lietuvis

Как изменить header?

Recommended Posts

lietuvis

Здравствуйте, как вставить 1920x180 картинку в header вместо синего фона?

head.thumb.png.503006718a9bb09f275fbf92e616dcdf.png

Share this post


Link to post
Share on other sites
Sipsb

Добавьте в Custom.css

#ipsLayout_header header {
    background-image: url(https://remontanta.ru/images/Berries_img/Plum/mass_plum.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
}

 

Share this post


Link to post
Share on other sites
lietuvis

Kартинка:

headernew.thumb.png.ff4546617e9fc3dfc78a453853620f94.png

отображается не полная:

headr1.thumb.png.0dc0233e65639f18b6967280ce42c359.png

Как правильно увеличить height 180?

Kак сделать чтобы в телефоне показывало полную картинку?

mobileheader.png.e8448279a8dbd976d37e0541b85fae6b.png

 

Share this post


Link to post
Share on other sites
Sipsb

@lietuvis Пробуйте так.

#ipsLayout_header header {
    background: url(https://домен.ru/headernew.png);
    background-size: cover;
   -moz-background-size: cover;
    background-position: center;
    padding-bottom: 60px;
}
Скрытый текст

2018-12-22_20-58-02.png2018-12-22_20-57-04.png

 

  • Спасибо 1

Share this post


Link to post
Share on other sites
lietuvis

Теперь хорошо, только на 1920x1080 не полный height картинки:

01.thumb.png.996e36f0f34bc3a8e3e449f965ca1495.png

Можно это исправить?

 

Как лого текст "Invision Community" сделать по центру? (сейчас он наверху)

02.png.e5ee4829ce2fd7ba193636c392f64ff8.png

Share this post


Link to post
Share on other sites
Sipsb
6 минут назад, lietuvis сказал:

Теперь хорошо, только на 1920x1080 не полный height картинки:

Так картинку сделайте 1920x1080  и будет вам счастье :dada:

Share this post


Link to post
Share on other sites
lietuvis

Картинка 1920x180 https://i.imgur.com/ucR6zzc.png

Я имел в виду, что если у вас разрешение экрана 1920x1080, то картинку отображает не полной высоты (1920x180), a 1920x125.

headerfix.thumb.png.4cef245bc05164ab41b780abc575197f.png

 

Всё равно выглядит неплохо.

@Sipsb  Спасибо за помощь. 🙂 

Share this post


Link to post
Share on other sites
kr_luch

Как убрать в header ссылку на View Member List?

Share this post


Link to post
Share on other sites
wdvipers

Можно сделать картинку в формате jpeg/jpg

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...