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

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

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Данная правка, а точнее грамотное добавление 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;
    }
    
    По скрину, думаю, все понятно.

    Изображения

    1. member_card.png
Поделиться этой страницей в