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

1.4.3 Фон для каждого раздела

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

Загрузка
  1. SamuraiGx90

    SamuraiGx90 Новичок

    Регистрация:
    15.02.14
    Сообщения:
    4
    Симпатии:
    0
    Версия XF:
    1.2.1
    Здравствуйте!
    Подскажите пожалуйста следующее:
    Нужно сделать для каждого раздела свой фон.
    Не на главной странице, а именно в каждом разделе.
    К примеру у нас есть форум, а в нем есть разделы:

    -Авто
    -Футбол
    -Хоккей
    И вот надо сделать что-бы в каждом разделе был свой фон.
    Заранее спасибо!
     
  2. infis

    infis Местный

    Регистрация:
    27.06.11
    Сообщения:
    5 966
    Симпатии:
    3 548
    Версия XF:
    1.5.9
    Обратите внимание на то, что при рендеринге раздела используются номера разделов в CSS. То есть, для каждого раздела можно индивидуально что-то отображать или менять. Ссылаться в CSS на это надо через body.nodeX, где X - это и есть номер раздела.
    Так как я не знаток как HTML, так и CSS, то лишь предложил возможный вариант. Не исключаю, что могут быть и более простые и правильные варианты.
     
    SamuraiGx90 нравится это.
  3. Kolya groza morey

    Kolya groza morey Местный

    Регистрация:
    14.06.13
    Сообщения:
    366
    Симпатии:
    118
    Версия XF:
    1.5.9
    Можно с помощью условий подключать разные css файлы в разделах.
     
    SamuraiGx90 нравится это.
  4. SamuraiGx90

    SamuraiGx90 Новичок

    Регистрация:
    15.02.14
    Сообщения:
    4
    Симпатии:
    0
    Версия XF:
    1.2.1
    Уважаемые, спасибо за подсказки, но я бы хотел знать конкретнее.
    Я знаю как заменить фон на весь форум,но как заменить на нужные разделы, не дойдет до меня(

    #body.node183
    {
    background-image: урл;
    }
    Пробовал вот так, но не выходит:(
     
    Последнее редактирование: 22.12.2014
  5. martini

    martini Местный

    Регистрация:
    10.10.10
    Сообщения:
    249
    Симпатии:
    28
    .node1 #headerMover
    {
    background-image: url("урл1") !important;
    }
    .node2 #headerMover
    {
    background-image: url("урл2") !important;
    }

    и так далее
     
    SamuraiGx90 нравится это.
  6. SamuraiGx90

    SamuraiGx90 Новичок

    Регистрация:
    15.02.14
    Сообщения:
    4
    Симпатии:
    0
    Версия XF:
    1.2.1
    Точно,точно,точно!!!
    Спасибо:)
     
  7. SamuraiGx90

    SamuraiGx90 Новичок

    Регистрация:
    15.02.14
    Сообщения:
    4
    Симпатии:
    0
    Версия XF:
    1.2.1
    И снова здравствуйте!
    У меня проблема возникла...

    Все бы хорошо, но вот в чем проблема:
    Сделал все как положено, но фон у меня повторяется.
    Подскажите в чем проблема?

    .node183 #headerMover
    {
    background: url('/fon5_CS.jpg') no-repeat fixed;
    }
     

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