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

Изменяем цвета во всплывающем блоке "member card"

Тема в разделе "Модификации шаблонов", создана пользователем Андрей Х, 17 май 2011.

Загрузка
  1. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    139
    Симпатии:
    126
    Версия XF:
    1.5.10
    Данная правка, а точнее грамотное добавление CSS-классов в шаблон EXTRA.css :) Поможет нам изменить цвета в member card (окошко, которое всплывает по нажатию на аватар юзера).

    Ниже код, который необходимо воткнуть в EXTRA.css. Цвета меняем на произвольные. В примере выбрал зеленый, чтобы было понятно, что изменилось.
    HTML:
    /* Изменение цвета имени*/
    .xenOverlay.memberCard .userInfo h3 {
      color: green !important;
    }
    .xenOverlay.memberCard .userInfo h3 a {
      color: green !important;
    }
    
    /* Изменение цвета title*/
    .xenOverlay.memberCard .userInfo h4 {
      color: green !important;
    }
    
    /* Верхняя полоска */
    .xenOverlay.memberCard .userLinks {
      border-bottom: 1px solid green !important;
    }
    .xenOverlay.memberCard .userLinks a {
      color: green !important;
    }
    
    /* Нижняя полоска */
    .xenOverlay.memberCard .lastActivity {
      border-top: 1px solid green !important;
    }
    .xenOverlay.memberCard .lastActivity dt {
      color: green !important;
    }
    .xenOverlay.memberCard .userStats th {
      color: green !important;
    }
    .xenOverlay.memberCard .muted {
      color: green !important;
    }
    
    По скрину, думаю, все понятно.
     

    Вложения:

    • member_card.png
      member_card.png
      Размер файла:
      99,5 КБ
      Просмотров:
      405
    GAM, AleX, sonic и 2 другим нравится это.
  2. GAM

    GAM Местный

    Регистрация:
    28.04.11
    Сообщения:
    312
    Симпатии:
    150
    Версия XF:
    1.1.3
    Большое спасибо нужная вещь! :)
     
    7Assassin7 нравится это.
  3. Oleg Voproskin

    Oleg Voproskin Форумный тролль

    Регистрация:
    18.05.11
    Сообщения:
    94
    Симпатии:
    24
    код вставил. перезапустил денвер, очистил кеш в браузере, как отображались цвета до вставки css кода так и осталось. что делать?
     
  4. Kep

    Kep Ксеновод

    Регистрация:
    01.10.10
    Сообщения:
    57
    Симпатии:
    7
    Версия XF:
    1.1.0 Final
    А что то ещё есть в EXTRA? - возможно приоритет... вставь в самый верх=) но лучьше кодом!
     
  5. Oleg Voproskin

    Oleg Voproskin Форумный тролль

    Регистрация:
    18.05.11
    Сообщения:
    94
    Симпатии:
    24
    В EXTRA ничего нет! Я посмотрел через firebug вот скрин:
    Снимок1.gif
    то есть получается что у этого тега просто нет класса и по этому его ни как не получается оформить отдельно? Или как то можно придумать?
     
  6. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Вы уверены, что у вас актуальный шаблон?
    Создайте в админке новый стиль и проверьте его в FireBug'е.
     
  7. vkams

    vkams Местный

    Регистрация:
    08.07.11
    Сообщения:
    129
    Симпатии:
    26
    А мне вот мрачный фон не нравится. Как его изменить?
     
  8. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Фон состоит из картинки:
    Код:
    /forum/styles/default/xenforo/overlay/member-card.png
     
    vkams нравится это.

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