Jump to content
4.4.6
Sign in to follow this  
Sirius05

Как поменять фон?

Recommended Posts

Sirius05

Такой вопрос, решил сменить фон , ставил код в custom.css :

body {
    background-image: url(images/pattern.png); /* Путь к фоновому изображению */
}

Фон не изменился.. Кеш чистил . Что не так сделал?

Стиль Liva Style

IPS версия 4.2.7

Share this post


Link to post
Share on other sites
voodnik

Форум тот, который стоит в профиле ?

Share this post


Link to post
Share on other sites
WOLF
2 часа назад, Sirius05 сказал:

Такой вопрос, решил сменить фон , ставил код в custom.css :


body {
    background-image: url(images/pattern.png); /* Путь к фоновому изображению */
}

Фон не изменился.. Кеш чистил . Что не так сделал?

Стиль Liva Style

IPS версия 4.2.7

body {
    background-image: url(images/pattern.png) !important; /* Путь к фоновому изображению */
}

пробуем так

Share this post


Link to post
Share on other sites
Sirius05
3 часа назад, voodnik сказал:

Форум тот, который стоит в профиле ?

да

Share this post


Link to post
Share on other sites
Sirius05
2 часа назад, WOLF сказал:

body {
    background-image: url(images/pattern.png) !important; /* Путь к фоновому изображению */
}

пробуем так

не получилось..

Share this post


Link to post
Share on other sites
voodnik

Это все прописано не в body
Чтобы заменить блок pageContent

Найти в CSS и менять значения на свои:

Screenshot_1.thumb.png.4a740304f74511e4d8274b055c2878cf.png

.pageContent {
    background-color: #ffffff;
}

 

Чтобы заменить шапку(header), нужно найти и менять значения на свои:

Screenshot_2.thumb.png.58256f6bf81d5778f84bf61ffd89b896.png

#ipsLayout_header header {
    background-color: #3d6594;
}

 

Чтобы заменить подвал№1(footer), нужно найти и менять значения на свои:
Screenshot_3.thumb.png.f8a3a88c888d1fbe51fd06949cbd95d5.png

.ipsmake_footer {
    margin: 0;
    padding: 0;
    color: #ddd;
    background: #3b6c99;
}

 

Чтобы заменить подвал№2(footer), нужно найти и менять значения на свои:
Screenshot_4.thumb.png.2ebeb49f38e1c3ed71833566208ee6bd.png

#ipsLayout_footer {
    background-color: #4f7ba3;
    margin: 0;
    padding: 20px 0;
}

 

  • Спасибо 1

Share this post


Link to post
Share on other sites
Sirius05

решил вопрос по другому..  прописать данный код в сss стиле не достаточно , нужно было залить данную картинку в ту папку , где при изменении в исходном коде укажет шаблон

Share this post


Link to post
Share on other sites
WOLF
9 часов назад, Sirius05 сказал:

решил вопрос по другому..  прописать данный код в сss стиле не достаточно , нужно было залить данную картинку в ту папку , где при изменении в исходном коде укажет шаблон

а вы куда заливали картинку? 

Share this post


Link to post
Share on other sites
Sirius05

на коде же видно куда..в этом и была моя ошибка.. хотя я делал все как написано в статье . 

Share this post


Link to post
Share on other sites
sanek42

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

Share this post


Link to post
Share on other sites
wdvipers

@sanek42 Найди

body.ipsApp.ipsApp_front:before {
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}

Замени на

body.ipsApp.ipsApp_front:before {
    background: url(Ссылка на изображение);
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
}

 

  • Нравится 1

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  

×
×
  • Create New...