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

1.1.1 Разный фон в зависимости от текущего раздела

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

Загрузка
  1. Виталий Шутенко

    Виталий Шутенко Активный пользователь

    Регистрация:
    07.11.11
    Сообщения:
    11
    Симпатии:
    1
    Версия XF:
    1.1.3
    Здраствуйте всем, хотелось бы узнать как сделать чтобы фон (background) был разный в соответствии от раздела не используя разных шаблонов. Спасибо!
     
  2. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Нашел наконец-то условие для разделов. Можете попробовать:
    Код:
    <xen:if is="{$quickNavSelected} == 'node-2'">
      ...
    </xen:if>
    Где 2 - ID раздела.

    Как это может пригодиться? Прописать код можно в шаблон PAGE_CONTAINER. Найти строчку:
    Код:
    <div id="content" class="{$contentTemplate}">
    И вставить туда наши условия. Например, что-то вроде такого:
    Код:
    <div id="content" class="{$contentTemplate}<xen:if is="{$quickNavSelected} == 'node-2'"> node-2</xen:if><xen:if is="{$quickNavSelected} == 'node-4'"> node-4</xen:if>">
    Сообщением ниже вариант короче от Pepelac'а.

    Теперь прописываем CSS для классов в шаблон EXTRA.css:
    Код:
    #content.node-2 {background:#f30;}
    #content.node-4 {background:#056;}
    Таким образом будет меняться цвет фона у разделов с ID 2 и 4.

    Это только пример места, куда можно прописывать классы. Вы можете прописать в другое место или в другой шаблон. Направление вам дано.
     
    TAIFUN нравится это.
  3. Pepelac

    Pepelac Продам луц в бутылках Команда форума

    Регистрация:
    28.09.10
    Сообщения:
    1.794
    Симпатии:
    1.349
    Ромка, это можно сделать проще.

    Вместо условия использовать такую вставку:
    Код:
    <div id="content" class="{$contentTemplate} {$quickNavSelected}">
    И css:
    Код:
    #content.node-2 {background:#f30;}
    #content.node-4 {background:#056;}
     
    Adrug, TAIFUN, CyberAP и ещё 1-му нравится это.
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Ещё один вариант, чтобы повесить фон на body. Изменить фон у html таким способом не получится, к сожалению.

    Код:
    body.nodeXXX {background-color: #fff;}
    Где XXX - id узла. Для узла с id1 это будет равно node1
     
    TAIFUN нравится это.
  5. Виталий Шутенко

    Виталий Шутенко Активный пользователь

    Регистрация:
    07.11.11
    Сообщения:
    11
    Симпатии:
    1
    Версия XF:
    1.1.3
    Спасибо все работает. Но есть еще 1 вопрос, вот например раздел
    http://in-game.pp.ua/categories/lineage.59/
    внизу черная полоска, как ее убрать?:)
     
  6. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Вы для body поставили картинку от BF3. А LA2 поставили уже для контента. Ставьте для body, тогда полосы не будет. Частично не будет, ибо у вас у картинок идет черный фон в середине.
     
  7. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Спрошу здесь.
    Как прописать другой фон для всех страниц, кроме главной?
     
  8. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    04-12-2012 20-31-12.png
     
    joronimo и BLEF нравится это.
  9. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Мне нужно изменить только фон #content .pageContent (т.е. на главной одно изображение, а на остальных другое) - верстаю с учётом сайдбара и без.
    Не вижу смысла ставить другой стиль для каждого раздела.
     
  10. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Как реализовать?
     
  11. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    вот так
    или попробовать как описывалось в первых сообщениях
     
  12. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    В таких местах как панель пользователя, входящие, оповещения и т.д фон не меняется.
    Нужно чтобы отображался другой фон во всех местах, где не используется сайдбар.
     
  13. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Как изменить фон только для открытых тем?
     

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