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

Зимний мотив в виде снега в панели навигации

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

Загрузка
  1. Pavel

    Pavel Местный

    Регистрация:
    26.09.10
    Сообщения:
    396
    Симпатии:
    93
    Очень понравился стиль, как оформлен существующий форум :) Подскажите, где и как такой установить себе можно?

    Спасибо
     
    Len и Lex нравится это.
  2. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2 258
    Симпатии:
    1 613
    Версия XF:
    1.5.23
    Mozilla Firefox + Web Developer = удобство.

     
    Pavel нравится это.
  3. Pavel

    Pavel Местный

    Регистрация:
    26.09.10
    Сообщения:
    396
    Симпатии:
    93
    А можно попроще? :) В свое время из-за неверной установки Web Developer у меня многое полетело на Маке... Есть готовое решение?
     
  4. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2 258
    Симпатии:
    1 613
    Версия XF:
    1.5.23
    Залить изображения в папку images
    В header.css добавить:
    Код:
    #header
    {
        background-image: url('/images/shelley_snow_bg.png');
    }
    
    #navigation .helper
    {
        display: block;
    
        height: 30px;
        width: 100%;
        padding: 0 5px;
    
        position: absolute;
        top: -16px;
        left: -5px;
    
        /* Silly hacks to make IE 6, 7 & 8 behave */
        background: url('/images/shelley_snow_l.png') top left no-repeat;
        background: url('/images/shelley_snow_l.png') top left no-repeat,
                url('/images/shelley_snow_c.png') top center no-repeat,
                url('/images/shelley_snow_r.png') top right no-repeat;
        _background: url('/images/shelley_snow_l.png') top left no-repeat;
    }
    Открыть шаблон navigation

    Найти:
    Код:
    <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
    </div>
    Ниже добавить:
    Код:
    <span class="helper"></span>
     

    Вложения:

    Blc, NaviCat, GraD и 3 другим нравится это.
  5. Mouse

    Mouse Местный

    Регистрация:
    20.11.10
    Сообщения:
    5
    Симпатии:
    1
    Не знаю как в 4-ой бете, но для отображения этих изображений в 3-ей бете нужно произвести дополнительные манипуляции:
    • в файле navigation в 113 строке написать: <span class="helper"></span>
    Иначе отображается только снежок в header :p
     
    TAIFUN нравится это.
  6. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2 258
    Симпатии:
    1 613
    Версия XF:
    1.5.23
    Только не в файл, а достаточно это сделать в одноимённом шаблоне.

    Обновил предыдущий пост.
     
    PalSecam нравится это.
  7. Mouse

    Mouse Местный

    Регистрация:
    20.11.10
    Сообщения:
    5
    Симпатии:
    1
    "
    Да, я не верно выразился. Еще не совсем вник в терминологию )
     
  8. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    И CSS не стоит писать в разные шаблоны (в данном случае я про рекомендуемый header.css).
    Для своего CSS советую использовать шаблон EXTRA.css. Проще будет при обновлении.
     
    megavolt, CyberAP и Pavel нравится это.
  9. SID

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

    Регистрация:
    20.10.10
    Сообщения:
    31
    Симпатии:
    6
    спасибо )
     
  10. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    207
    Симпатии:
    108
    Версия XF:
    1.1.2
    сделал все по инструкции, тока шаблон другой - Social ...

    в результате - ничо не отобразилось вообще ))) никакого снежка нигде )))
     
  11. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2 258
    Симпатии:
    1 613
    Версия XF:
    1.5.23
    Пути к изображениям проверьте. Если форум в папке forum тогда путь нужно указать
    url('/forum/images/shelley_snow_c.png') и так далее.
     
  12. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    207
    Симпатии:
    108
    Версия XF:
    1.1.2
    не, форум на субдомене форум.имя.ру

    сделал папку images в корне и туда всё залил...
     
  13. AleX

    AleX SPQR

    Регистрация:
    28.09.10
    Сообщения:
    434
    Симпатии:
    415
    Тогда, надо указывать не​
    Код:
    url('/forum/images/shelley_snow_c.png')
    а​
    Код:
    url('/images/shelley_snow_c.png')
     
  14. Yoskaldyr

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

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    лучше вообще все пути сделать относительными, тогда все равно будет где именно расположен форум:
    Код:
    url('images/shelley_snow_c.png')
     
  15. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    207
    Симпатии:
    108
    Версия XF:
    1.1.2
    EXTRA.css :
    Код:
    #header
    {
        background-image: url('images/shelley_snow_bg.png');
    }
    
    #navigation .helper
    {
        display: block;
    
        height: 30px;
        width: 100%;
        padding: 0 5px;
    
        position: absolute;
        top: -16px;
        left: -5px;
    
        /* Silly hacks to make IE 6, 7 & 8 behave */
        background: url('images/shelley_snow_l.png') top left no-repeat;
        background: url('images/shelley_snow_l.png') top left no-repeat,
                url('images/shelley_snow_c.png') top center no-repeat,
                url('images/shelley_snow_r.png') top right no-repeat;
        _background: url('images/shelley_snow_l.png') top left no-repeat;
    }
    и в ответ на экране - тишина... =(
    --- добавлено : 6 дек 2010 в 16:49 ---
    блин ))

    заработало тока тогда, когда указал путь до своего стиля:

    Код:
    url('styles/social/images/shelley_snow_bg.png');
    и всунул вышеуказанный кусок css в header.css, а не в EXTRA.css ...
     
  16. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Вся проблема в путях обычно, но никак не в EXTRA.css.
     
  17. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    207
    Симпатии:
    108
    Версия XF:
    1.1.2
    у header.css видимо приоритет выше ))

    в смысле если и там и там вставить
    #header

    то последнее слово будет за тем, что в header.css, а не в extra.css ...
     
  18. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2 258
    Симпатии:
    1 613
    Версия XF:
    1.5.23
    Не, в header нужно заинклудить extra.css
     
  19. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Я бы не утверждал так уверено, если бы здесь иначе было. Что-то вы там намудрили у себя :)
     
  20. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    207
    Симпатии:
    108
    Версия XF:
    1.1.2
    да. нашел затык, стиль был сыроват...
    в любом случае щас заработало, спасибо ))
    эт не я, а автор стиля ))

    http://xenforo.com/community/threads/social.7732/page-2#post-121769
     
    Romchik® нравится это.

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