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

1.1.2 Смена фона и проблемы с ним

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

Загрузка
  1. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    Всем привет! Решил установить фиксированный фон, но появилась проблема...
    Фон попадает под шапку сайта:
    asdasdasd.png

    Как это можно исправить?

    Шаблон: Novus
     
  2. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Подкорректировать значение background-position: и выставить его с параметрами "50% размер_вашей_шапки_в_пикселях px"
     
  3. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    В данном случаи, при скроллинге вниз, у фона будет отступ.. я ведь делаю фиксированный фон..
     
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Тогда только писать код на javascript
     
  5. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    Ок, зафиксировал фон, чтобы не повторял за скроллингом, но появилась такая проблема...

    Прямо под футером обрезается фон.. Т.е. картинка не полная.. Как можно исправить?
    asdasd.png
     
  6. Frykia

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

    Регистрация:
    24.02.12
    Сообщения:
    13
    Симпатии:
    4
    Версия XF:
    1.1.2
    вы убрали копирайты с сайта?
     
  7. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    Чуть Выше :)

    asd.png.png

    Может кто-то подскажет, как исправить этот косяк?
     
  8. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Смотреть классы в подвале, нет ли там фона у какого-либо из них.
     
  9. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    А возможно ли сделать фиксированную шапку?
    Вот так (обрезал в фотошопе, чтобы показать пример):
    sdasd.png

    Кстати, фон основной части задается в extra.css, а то что в подвале, идет в xenforo.css в html {

    extra.css
    HTML:
    #content {
        position: relative;
        background: #e4e8f0 url('@imagePath/xenforo/xenfocus/shadow_bg.png') repeat-x 0 0;
    }
    xenforo.css
    HTML:
    html
    {
        @property "html";
        background-color: #e4e8f0;
        @property "/html";
        overflow-y: scroll !important;
    }
     
  10. Frykia

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

    Регистрация:
    24.02.12
    Сообщения:
    13
    Симпатии:
    4
    Версия XF:
    1.1.2
    друг помоги мне поставить такую же большую шапку? а если можно скинть в лс сылку)
     
  11. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    А что именно не получается в установке такой шапки?
     
  12. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    Так кто-то может помочь с решением проблемы?:)
     
  13. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Возможно.
    Только я не знаю, как сделано в вашем стиле. В стандартном нужно убрать фон у эти 2-х классов:
    #headerMover #headerProxy {...
    #header {...
    И добавить фон к:
    #header .pageWidth .pageContent {...
     
  14. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    У меня изначально было так:

    Код:
        #headerMover #headerProxy
        {
            @property "header.background";
     
            @property "/header.background";
            height: {xen:calc '@headerLogoHeight + @headerTabHeight * 2 '}px; /* +2 borders */
        }
    Код:
    #header {
        background: url('@imagePath/xenforo/xenfocus/header_hl.png') no-repeat scroll left top transparent;
    }
    
    Сделал то, что Вы сказали, но вроде бы ничего не изменилось!
     
  15. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Ну попробуйте в EXTRA.css прописать:
    Код:
    #headerMover #headerProxy,
    #header {
      background:none !important;
    }
    #header .pageWidth .pageContent {
      background:url(путь_к_картинке) !important;
    }
     
  16. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    не помогло :( а может сможешь помочь тогда, как исправить это?
     
  17. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Я там пробел забыл перед !important. Поправил. Может в этом дело?
     
  18. infis

    infis Местный

    Регистрация:
    27.06.11
    Сообщения:
    5 966
    Симпатии:
    3 548
    Версия XF:
    1.5.9
    Пробел перед !important не влияет, если что.
     
  19. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    Вроде не помогло... Если я конечно всё правильно сделал..

    А что можешь сказать по этому поводу??

     
  20. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Ничего. Смотреть нужно уже непосредственно на самом форуме, а не гадать.
     

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