Jump to content
4.4.4
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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...