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

Фон из трёх картинок

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

Загрузка
  1. GroupR

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

    Регистрация:
    22.10.11
    Сообщения:
    44
    Симпатии:
    9
    Версия XF:
    1.1.2
    Здравствуйте. Прошу помощи. Нужно сделать на сайте фон из трёх картинок. Т.е. первая будет идти как верх(она будет всегда на одном месте сверху), вторая как середина(повторяющийся основной фон) и еще одна картинка внизу. Пробовал сделать но получается так, что середина перекрывает верхнюю и нижнюю картинки и получается не красиво. Подскажите пожауйста можно ли такое сделать ?
     
  2. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    background-image: url('картинка2.png'), url('картинка3.png'), url('фон.png');
    background-repeat: no-repeat, no-repeat, repeat ;
    background-position: 50% 0%, 50% 100%, 0% 0% ;

    Фон.png идёт как фон, картинка2 располагается сверху посередине, картинка3 располагается снизу посередине.
    Это в CSS прописывать.

    Инструкция подправлена.
     
    Nicolayka и GroupR нравится это.
  3. GroupR

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

    Регистрация:
    22.10.11
    Сообщения:
    44
    Симпатии:
    9
    Версия XF:
    1.1.2
    Сделал так. Фон начинает повторяться, а других картинок не видно.
     
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Значит неправильно что-то прописали.
     
  5. GroupR

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

    Регистрация:
    22.10.11
    Сообщения:
    44
    Симпатии:
    9
    Версия XF:
    1.1.2
    В HTML это прописал и просто идет повторение фона.
     
  6. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Ошибся, первые параметры перекиньте в конец.
     
    GroupR нравится это.
  7. GroupR

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

    Регистрация:
    22.10.11
    Сообщения:
    44
    Симпатии:
    9
    Версия XF:
    1.1.2
    Спасибо большое, все получилось.
     

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