Перейти к содержанию
IPS Invision Community 🇷🇺

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


Sirius05
Перейти к решению Решено Severnyi,

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

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

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

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

Стиль Liva Style

IPS версия 4.2.7

Ссылка на комментарий
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; /* Путь к фоновому изображению */
}

пробуем так

Ссылка на комментарий
08.02.2018 в 18:43, voodnik сказал:

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

да

08.02.2018 в 20:06, WOLF сказал:


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

пробуем так

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

Ссылка на комментарий

Это все прописано не в 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
Ссылка на комментарий

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

Ссылка на комментарий
9 часов назад, Sirius05 сказал:

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

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

Ссылка на комментарий
  • 1 год спустя...
  • Решение

@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
Ссылка на комментарий

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

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

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

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

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

Войти

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

Войти
×
×
  • Создать...

Важная информация

Мы используем файлы cookie и другие средства сохранения предпочтений и анализа действий посетителей сайта. Нажмите «Принять», если даете согласие на это. Политика конфиденциальности - Условия использования

Вверх
Вверх