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

Тройной фон на ксене

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Zikke, 19 июл 2011.

Загрузка
  1. Zikke

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

    Регистрация:
    19.07.11
    Сообщения:
    5
    Симпатии:
    0
    Добрый день.
    У меня возникла проблем с использованием тройного фона на ксене. Раньше я делал это так:
    Код:
    .verh {
        background: url(../styles/xenblack/xenforo/mainfon.jpg) no-repeat top center;
        overflow:hidden;
    }
    .sered {
        background: url(../styles/xenblack/xenforo/bgsered.jpg) repeat-y center;
        overflow:hidden;
    }
    .niz {
        background: url(../styles/xenblack/xenforo/bgimage_niz.jpg) no-repeat center bottom;
        overflow:hidden;
    }
    Но я совсем не долго работаю в XF и не знаю куда надо поместить divы с классами и собственно сам код CSS. Возможно есть другой способ. Подскажите пожалуйста как это реализовать?

    Заранее спасибо.
     
  2. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.555
    Симпатии:
    1.585
    Версия XF:
    1.5.9
    Html {background-image: url(), url(), url();
    background-position: top center, center, center;
    background-repeat: no-repeat, repeat-y, no-repeat;}
    Про IE можно забыть.
     
    Zikke нравится это.
  3. Zikke

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

    Регистрация:
    19.07.11
    Сообщения:
    5
    Симпатии:
    0
    Ну, без IE не вариант. Не уже ли нельзя добавить куда-то свои div'ы и классы CSS?
     
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.555
    Симпатии:
    1.585
    Версия XF:
    1.5.9
    Один на html, другой на body. Если нужна поддержка IE тогда коверкайте вёрстку (ещё один контейнер после body).
     
  5. Zikke

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

    Регистрация:
    19.07.11
    Сообщения:
    5
    Симпатии:
    0
    Расскажите про контейнеры. Ибо все эти теги <xen> и пр для меня дики.
     
  6. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.736
    Симпатии:
    5.263
    Версия XF:
    1.5.10
    Попробуйте в шаблоне PAGE_CONTAINER добавить свои 3 дива после <body> и закрыть их перед </body>.
    Стиль CSS к ним можно добавить в шаблон EXTRA.css.
     
    Zikke нравится это.
  7. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.555
    Симпатии:
    1.585
    Версия XF:
    1.5.9
    А зачем, если можно добавить всего один контейнер и поставить задний фон для него и для body и html. Для двух последних это вообще можно сделать в настройках стиля, ну а для контейнера уже как ты предложил - в extra.css.

    P.S. Под контейнером я имел ввиду обычный div
     
    Zikke нравится это.
  8. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.736
    Симпатии:
    5.263
    Версия XF:
    1.5.10
    Можно и так, но с 3-мя дивами немного проще чисто визуально.
     
    Zikke нравится это.
  9. Zikke

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

    Регистрация:
    19.07.11
    Сообщения:
    5
    Симпатии:
    0
    Спасибо, все получилось. Осталась только маленькая заковыка. Я не могу перекрасить ссылку условия и правила в нижнем правом углу.
     
  10. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.555
    Симпатии:
    1.585
    Версия XF:
    1.5.9
    #legal li a {color: ;}
    Или более красивый вариант, но без поддержки старых IE:
    #legal > a {color: ;}
     
    Zikke нравится это.
  11. Zikke

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

    Регистрация:
    19.07.11
    Сообщения:
    5
    Симпатии:
    0
    Спасибо. Все сделал.
     

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