1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.0.x Создание постоянного фона страницы

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Deus, 25 май 2012.

Загрузка
  1. Deus

    Deus Пользователь

    Регистрация:
    25.05.12
    Сообщения:
    13
    Симпатии:
    1
    Версия XF:
    1.0.3
    В общем, попался хороший бек, но растягивать его на всю длину страницы, мягко говоря, неудобно. Поэтому я решил, что тут необходимо добиться постоянного фона, т.е. чтобы изображение на сзади при перемотке страницы вверх и вниз не менялось, в пример сайт с таким эффектом http://www.myminecraft.com. Если кто-то подскажет как добиться такого эффекта буду очень благодарен.
     
  2. Pepelac

    Pepelac Продам луц в бутылках Команда форума

    Регистрация:
    28.09.10
    Сообщения:
    1.794
    Симпатии:
    1.349
    В CSS для бэкграунда нужно добавить
    Код:
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
     
    Aheande и Scrils.86 нравится это.
  3. Deus

    Deus Пользователь

    Регистрация:
    25.05.12
    Сообщения:
    13
    Симпатии:
    1
    Версия XF:
    1.0.3
    Спасибо за помощь.
    Только теперь у меня возникла другая проблема: изображение из-за расшиерния (1920х1080) не влазит полностью на сайт. В случае уменьшения расширения начнут возникать проблемы у владельцев широкоэкранов, можете помочь с этим?
     
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    background-size: cover;
     
    Aheande нравится это.
  5. Deus

    Deus Пользователь

    Регистрация:
    25.05.12
    Сообщения:
    13
    Симпатии:
    1
    Версия XF:
    1.0.3
    Благодарю за ответ.
     
  6. Scrils.86

    Scrils.86 Read only

    Регистрация:
    27.07.12
    Сообщения:
    1
    Симпатии:
    0
    Версия XF:
    1.1.1
    Спасибо помог
     
  7. asket

    asket Активный пользователь

    Регистрация:
    07.02.13
    Сообщения:
    152
    Симпатии:
    40
    Версия XF:
    1.2.0
    Pepelac, не мог бы сказать в каком именно шаблоне и месте это добавить?
    При поиске в стилях Xenia "background.css" результата не даёт или я не правильно ищу.
     
  8. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    208
    Версия XF:
    1.1.4
    В зависимости от стиля, обычно в xenforo.css
     
    gib1300 нравится это.
  9. asket

    asket Активный пользователь

    Регистрация:
    07.02.13
    Сообщения:
    152
    Симпатии:
    40
    Версия XF:
    1.2.0
    Спасибо, нашол уже.
    Фиксируется так: Внешний вид - настройки стиля - основное - HTML
    Там где "фон" выбрать "но-репарт", позиция "топ" и в "прочее" вставить строчку: background-attachment: fixed;
     
    Дмитрий Артёменко нравится это.
  10. Sywooch

    Sywooch Местный

    Регистрация:
    26.12.11
    Сообщения:
    34
    Симпатии:
    25
    Версия XF:
    1.2.2
    А я в EXTRA.css добавил строчку

    #header {
    padding: 0; margin: 0; background: url(ССЫЛКА_НА_ИЗОБРАЖЕНИЕ) 50% 0 no-repeat;
    }
     
  11. Tweet

    Tweet Пользователь

    Регистрация:
    16.02.13
    Сообщения:
    32
    Симпатии:
    0
    Версия XF:
    1.1.3
    Не помогли все вышеперечисленные способы, есть ещё варианты?
     
  12. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    208
    Версия XF:
    1.1.4
    У всех работает, а у вас нет, ищите проблему у себя, что-то не так делаете, написали бы хоть что за дизайн у вас стоит и как делаете.
     
    gib1300 нравится это.
  13. souz

    souz Местный

    Регистрация:
    06.02.13
    Сообщения:
    19
    Симпатии:
    1
    У меня тоже не работает. Захожу в файл EXTRA.css, добавляю строку:
    #header {
    padding: 0; margin: 0; background: url(ПРЯМАЯ ССЫЛКА_НА_ИЗОБРАЖЕНИЕ) 50% 0 no-repeat;
    }
    Как был старый фон, так и остался. Шаблон Colorful1.0.2
     
  14. Aksim

    Aksim Местный

    Регистрация:
    15.09.12
    Сообщения:
    265
    Симпатии:
    73
    Версия XF:
    1.5.9
    Зачем все так усложнять??? Это не phpbb, все элементарно делается в админке.
    1. Настройки стиля/ Основные/ HTML/ в окно изображение вписываем ссылку до картинки к примеру /styles/картинка.jpg (картинку соответственно загружаем на хост).
    2. В параметре Repeat выбрать no repeat.
    3. В прочее вписать
    Код:
    background-size: cover;
    position:top;
    height:100%;
    background-attachment: fixed;
    Все картинка резиновая для всех разрешений мониторов, и при прокрутке сайта не двигается.
     
    NoVa41, mshart, Mirovinger и ещё 1-му нравится это.
  15. 7upQQ

    7upQQ Пользователь

    Регистрация:
    07.03.13
    Сообщения:
    2
    Симпатии:
    0
    Версия XF:
    1.1.3
    Все выше перечисленное не помогло шаблон Social
    --- добавлено : 16 янв 2014 в 00:29 ---
    все решил проблему)
     
    Последнее редактирование модератором: 23 янв 2014

Поделиться этой страницей