Вопрос 2.x Повторение фона в "футере" отключить повторение

  • Автор темы Goga
  • Дата создания

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
Я прошу прощения, за ламерский вопрос.
Потому что хотел бы спросить как сделать чтобы в "футере" на мобильной версии темы форума
по высоте растянулся фон и не повторялся, а то не очень красиво получается.
 

Unsubdued

Администратор
Сообщения
6 466
Репутация
10 431
Баллы
266
Goga, как добавляешь?
 

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
Через настройки стиля ставлю ссылку на картинку фона.
В десктопной версии все красиво, а вот в мобильной не красиво повторятся, потому как есть своеобразные верх и низ оформления.

Сейчас попробовал вот так добавить css/less

no-repeat:
@media screen and (max-width: 768px)
{
  background-repeat: no-repeat
}
Но немного не то ((
Пробую конечно подобрать что-то, но видно с @media screen and (max-width: 768px)
что-то перемудрил ((
 

Unsubdued

Администратор
Сообщения
6 466
Репутация
10 431
Баллы
266
Goga, добавь background-size: 100%;
 
  • Мне нравится
Реакции: Goga

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
А нужно добавлять
.xenMakeFooter
?
 

Unsubdued

Администратор
Сообщения
6 466
Репутация
10 431
Баллы
266
Если это для плагина, так и надо было в его теме спрашивать :)
 
  • Мне нравится
Реакции: Goga

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
не не не !
Это просто оформление стиля
Блин надо было наверно в теме стиля спрашивать ((
Сорри!
Я ступил.
Сперва то мысль тупо про футер была, а потом...
 

Unsubdued

Администратор
Сообщения
6 466
Репутация
10 431
Баллы
266
Ну вот. Топай в тему стиля, а я потом гляну. Точно не сейчас, т.к. 5 утра уже Biggrin_man32
 
  • Мне нравится
Реакции: Goga

sonic

[KST]
Разработчик
Сообщения
3 031
Репутация
4 762
Баллы
153
Goga, вместо @media screen and (max-width: 768px) используй @media (max-width: @xf-responsiveNarrow)
вместо @xf-responsiveNarrow еще может быть @xf-responsiveMedium смотря по какую ширину ты хочешь. плюс то что в середине в нем ты написал не привязано ни к какому класу так и применятся оно будет хз где.
 
  • Мне нравится
Реакции: Goga

Unsubdued

Администратор
Сообщения
6 466
Репутация
10 431
Баллы
266
sonic, стиль может использовать свои классы, как, например, UI.X, т.ч., лучше в нем спросить.
 
  • Мне нравится
Реакции: Goga

sonic

[KST]
Разработчик
Сообщения
3 031
Репутация
4 762
Баллы
153
Unsubdued, стиль может использовать, а его кусок кода вообще не использует никакой клас поэтому и не будет ничего делать.
 
  • Мне нравится
Реакции: Goga

Unsubdued

Администратор
Сообщения
6 466
Репутация
10 431
Баллы
266
Поэтому и говорю про тему стиля, а там уже подсказывать, по конкретным классам, в зависимости от того, к чему там применить надо.
 
  • Мне нравится
Реакции: Goga

sonic

[KST]
Разработчик
Сообщения
3 031
Репутация
4 762
Баллы
153
поэтому говорю стиль не причем код должен был быть таким в его случае
CSS:
@media screen and (max-width: 768px)

.кайто_то_класс

    {

          background-repeat: no-repeat;

    }
и тогда можно говорить о том работает это ли нет.. а так назревает вопрос к чему применять background-repeat: no-repeat;
 
  • Мне нравится
Реакции: Goga

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
Я прошу прощения, я конечно не в том месте создал свой вопрос, но смог найти для себя более или менее приемлемое решение в коротком кусочке

Код:
@media screen and (max-width: 1144px){
    background-size: cover;}
А так как я это делаю в настройках css/less

/style-properties/group&group=XenMake_footer

То это уже и понятно что под футер настройка летит.
Еще раз СПАСИБО и прошу прощения, что не там создал ((
 

sonic

[KST]
Разработчик
Сообщения
3 031
Репутация
4 762
Баллы
153
если ты используешь background-size: cover; зачем вообще что-то писать для медыа.. возьми картинку которая по ширине будет хотяби 1920.. а для разных разрешений этот параметр сам ее смаштабирует и не нужно заморачиватся с медиа под разные разрешения.
 

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
sonic, я возможно не правильно понимаю, но я же написал, что
есть картинка, которая встает нормально на "бекграунд" десктопной версии сайта, а так как в мобильной версии футер вытягивается в высоту то получается что фон просто повторяется и это не совсем красиво смотрится.
Поэтому я и делаю "правило" отображения фона в "медиа" поймал отладчиком кода, что белеберда начинается с 1144px
Я согласен, что может конечно проще сделать дополнительный фон для мобильных версий и просто привязать его к мобильным устройствам.
Потому что "ковер" конечно тоже не айс как красиво.

Спасибо за участие в вопросе!
 

sonic

[KST]
Разработчик
Сообщения
3 031
Репутация
4 762
Баллы
153
Goga, не нужны никакие дополнительные фоны.. нужно выбрать правильную картинку.. и она одинаково будет отображатся и на десктопе и на смарте.. а не городить огород не пойми зачем.. как вариант смотри демку на сайте ТН стиля тактикал, и не важно будешь ты смотреть его с компа или смарта он будет тебе покзывать в качестве основновного фона одну и туже картинку. просто маштибируя ее при помощи ковера под разные разрешения..
 

Goga

Проверенный
Сообщения
135
Репутация
16
Баллы
28
sonic, а если мне вот нравится НЕ ПРАВИЛЬНАЯ КАРТИНКА ?
Что делать?
Никто ничего не городит.
Просто выбрал вот я такую картинку и что?
Ну на ТН им нравится та, что у них.
Причем тут ОСНОВНОЙ ФОН?
Где про ОСНОВНОЙ ФОН разговор?
Это дополнительный фон "футера"
 

sonic

[KST]
Разработчик
Сообщения
3 031
Репутация
4 762
Баллы
153
мда трудно называется.. какая разница какой фон основной всей страницы или в определенном блоке.. сходи почитай что делает ковер.. если ти считаешь что из-за какой-то картинки неправильного размера стоит городить кучу огородов дело твое.
 
Сверху Снизу