Увеличение фона.

[Tawil]

Добрый вечер, форумчане!
Столкнулся с такой проблемой: при переходе на новую страницу форума, допустим в любую тему, увеличивается размер изображения, используемого в качестве фона. Как избежать данного увеличения?

 

[Dimanok]

Дайте ссылку на форум.
Если форум на локалхосте то пишите полностью как и что делали с фоном.

 

[Tawil]

Дайте ссылку на форум.
Если форум на локалхосте то пишите полностью как и что делали с фоном.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Если перейти в тему "1", фон увеличивается, съезжает вправо.

 

[Dimanok]

body
Уберите

background-size: cover;

 

[Tawil]

body
Уберите

background-size: cover;

Тогда фон будет не способен нормально работать у пользователей, с разрешением 1920х1080. Он будет отображаться в пол экрана.
Что посоветуете?

 

[Dimanok]

body {
background: url('КАРТИНКА') fixed no-repeat 50% 0%;
}
html {
overflow-y: scroll !important;
}

 

[Tawil]

body {
background: url('КАРТИНКА') fixed no-repeat 50% 0%;
}
html {
overflow-y: scroll !important;
}

Спасибо, опробую.
Мобильная версия хорошо будет отображаться? А то на данный момент тоже в пол экрана.

 

[Dimanok]

Фон остается на месте. Форум лист скролится.

 

[Tawil]

Фон остается на месте. Форум лист скролится.

У меня сейчас фон отображается в пол форумного листа. Не подскажите, как исправить?

 

[Hope]

Для начала вообще хотелось бы узнать по какой инструкции Вы его туда добавляли...

 

[Tawil]

Для начала вообще хотелось бы узнать по какой инструкции Вы его туда добавляли...

Загрузил исходную картинку по пути: styles > scroll > хenforo > color-picker > картинка.
Потом указал путь к ней в настройках стиля > основное > тело страницы > фон.

 

[Hope]

Поищите вот такой плагин в гугле: Header & Background Evolved и вообще проблем быть не должно. :)

 

[Tawil]

Поищите вот такой плагин в гугле: Header & Background Evolved и вообще проблем быть не должно. :-)

Поищу :)

Hope, а что делать с изображением фона при входе с мобильного устройства? Ведь он отображается в пол экрана:
Если установить фон с помощью данного плагина, эта ситуация изменится?

 

[Hope]

А вообще вот конечно хорошая вещь:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Можно всё под себя настроить, тут же посмотреть/сравнить и т.п. :)

Если установить фон с помощью данного плагина, эта ситуация изменится?

Не знаю, не тестировал.

Зачем Вам вообще фон на мобильной версии? Уберите его:

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth) {
    body {
        background-image: none !important;
    }
}
</xen:if>

 

[Tawil]

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth) {
    body {
        background-image: none !important;
    }
}
</xen:if>

Данный код куда прописывать?

 

[Hope]

В EXTRA.css

 

[Tawil]

Либо я что-то делаю не так, либо не работает. :unsure:

 

[Hope]

Ну можно попробовать так... Удаляйте все Ваши предыдущие манипуляции, в шаблон EXTRA.css добавляйте:

html {
  background: url(/@imagePath/xenforo/background/your_image.jpg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

Кладёте картинку своего фона по пути: /styles/папка_Вашего_стиля/xenforo/background/ - и смотрите, что получилось. :) Только не забудьте в коде сменить название изображения на своё.

Да, а для того, чтобы убрать фон при использовании мобильных устройств, в шаблон EXTRA.css добавьте такое:

@media (min-width: 1025px) {
html {
  background: url(/@imagePath/xenforo/background/your_image.jpg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
}

@media (max-width: 1025px) {
#header {
  background-color: @primaryDarker !important;
}
}

Опять же изменяя в коде название изображения на своё.

 

[Tawil]

Ну можно попробовать так... Удаляйте все Ваши предыдущие манипуляции, в шаблон EXTRA.css добавляйте:

html {
  background: url(/@imagePath/xenforo/background/your_image.jpg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

Кладёте картинку своего фона по пути: /styles/папка_Вашего_стиля/xenforo/background/ - и смотрите, что получилось. :-) Только не забудьте в коде сменить название изображения на своё.

Да, а для того, чтобы убрать фон при использовании мобильных устройств, в шаблон EXTRA.css добавьте такое:

@media (min-width: 1025px) {
html {
  background: url(/@imagePath/xenforo/background/your_image.jpg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
}

@media (max-width: 1025px) {
#header {
  background-color: @primaryDarker !important;
}
}

Опять же изменяя в коде название изображения на своё.

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

 

[Hope]

Ну попробуйте просто не добавлять второй код в EXTRA.css