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

1.1.2 Как изменить задний фон на картинку?

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

Загрузка
  1. flop

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

    Регистрация:
    05.04.12
    Сообщения:
    48
    Симпатии:
    0
    Версия XF:
    1.1.2
    Как изменить задний фон на картинку?
     
  2. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    интересует так же, Помогите поставить вот это
    [​IMG]
     
  3. shaman480

    shaman480 Местный

    Регистрация:
    22.12.10
    Сообщения:
    640
    Симпатии:
    479
    Версия XF:
    1.4.3
    Внешний вид - настройки стиля - Основное - HTML
    Там ставите в разделе
    фон - изображение - вписываете адрес изображения
    В поле прочее, вписываете вот это
    Код:
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
    height:100%;
     
    Drayken, SpiritFlame, aligon и ещё 1-му нравится это.
  4. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    а изображения со стороннего хоста, или можно как то со своего
    --- добавлено : 10 май 2012 в 20:44 ---
    Я понял как поменять, спасибо, но как сделать, чтоб фон не повторялся, а просто осталась картинка?
    Не поможете? Вот о чём я http://ribak.in
     
  5. shaman480

    shaman480 Местный

    Регистрация:
    22.12.10
    Сообщения:
    640
    Симпатии:
    479
    Версия XF:
    1.4.3
    Поставь в поле repeat - значение no-repeat
     
  6. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    Спасибо, теперь понял как это работает.
    да нужно другой фон искать. не как не могу его поставить. маловат, снизу чёрная полоса
     
  7. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
    обреж картинку по середине, установи фон синий, и получится как http://www.lostfilm.tv
     
  8. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    я сделал по другому, мне просто мешает полоса, и лодка не вся видна, теперь проблема в этом. Вообще я шаблон ищю, примерно в таких тонах. А пока только так, как сделал
     
  9. flop

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

    Регистрация:
    05.04.12
    Сообщения:
    48
    Симпатии:
    0
    Версия XF:
    1.1.2
    а как тут тоже фон сделать?
    Rec#16.png
     
  10. flop

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

    Регистрация:
    05.04.12
    Сообщения:
    48
    Симпатии:
    0
    Версия XF:
    1.1.2
    и шапку тоже
     
  11. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    Как сделать картинку и шапку, есть постом выше. У меня просто подошла картинка.
    Что касается фона, то просто меняеш фон (главный) Программа pixie тебе в помощь
     
  12. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    создался ещё 1 вопрос, а как поменять на картинку в defoltnom стиле, просто не пойму где лежит эта шапка. искал и не нашёл, поможете?
     
  13. aligon

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

    Регистрация:
    19.04.12
    Сообщения:
    115
    Симпатии:
    3
    Версия XF:
    1.1.2
    Кто поможет в defolnom стиле, убрать эту синюю полосу (шапка где логотип).
    Поставил фон, а полоса осталась. Как быть?
     
  14. Le Taon

    Le Taon Пользователь

    Регистрация:
    22.02.12
    Сообщения:
    5
    Симпатии:
    0
    Версия XF:
    1.1.3
    Чото не отвечают тебе...Если сам разобрался, напиши плз
     
  15. Wolinag

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

    Регистрация:
    17.09.13
    Сообщения:
    28
    Симпатии:
    0
    Версия XF:
    1.1.3
    Я поставил значение no-repeat и он показывает мне половину картинкой, а другую половину белым цветом
     
  16. Alex1204

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

    Регистрация:
    19.11.13
    Сообщения:
    36
    Симпатии:
    0
    Версия XF:
    1.4.10
    Как поменять фон на картинку из поста понятно, а вот как сделать так что б фоновая картинка не двигалась с прокруткой? (Фон остается на месте, а сам форум проматывается вверх и вниз)
     
  17. shaman480

    shaman480 Местный

    Регистрация:
    22.12.10
    Сообщения:
    640
    Симпатии:
    479
    Версия XF:
    1.4.3
    Вот тут код написанный, чтобы зафиксировать картинку.
    Как изменить задний фон на картинку?
     
  18. Alex1204

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

    Регистрация:
    19.11.13
    Сообщения:
    36
    Симпатии:
    0
    Версия XF:
    1.4.10
    я его вставляю но картинка не фиксируется....
     
  19. shaman480

    shaman480 Местный

    Регистрация:
    22.12.10
    Сообщения:
    640
    Симпатии:
    479
    Версия XF:
    1.4.3
    Вот такие настройки должны быть, и картинка не будет двигаться.
    [​IMG]
     
  20. Alex1204

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

    Регистрация:
    19.11.13
    Сообщения:
    36
    Симпатии:
    0
    Версия XF:
    1.4.10
    Вот кусок xenforo.css, может вы увидите ошибку?

    Код:
    html
    {
        @property "html";
        background: @pageBackground url('./styles/xenforo/lights.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
        height: 100%;
        @property "/html";
        overflow-y: scroll !important;
    }
    
    body
    {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
    
        @property "body";
        font-size: 12px;
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        color: @contentText;
        word-wrap: break-word;
        line-height: 1.28;
        @property "/body";
    }
    
    /* counteract the word-wrap setting in 'body' */
    pre, textarea
    {
        word-wrap: normal;
    }
    
    [dir=auto] { rtl-raw.text-align: {xen:if $pageIsRtl, right, left}; }
    
     

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