Модификация верстки extraUserInfo

Модификация верстки extraUserInfo

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Модификация верстки extraUserInfo

    extraUserInfo.png
    Чтобы получить такую картинку под аватаром, и привести в порядок пользовательскую информацию в стиле книжной верстки "содержание", достаточно добавить немного классов в ваш шаблон EXTRA.css .

    Код:
    /* Информация о пользователе под аватаром */
    .extraUserInfo {
        background:#FEFEF3 !important;
    }
    .extraUserInfo dl.pairsInline  {
        height:15px;
        border-bottom: dotted 1px #DDD;
    }
    .extraUserInfo .pairsInline dt {
        background:#FEFEF3;
        position:absolute;
        margin-top:7px;
    }
    .extraUserInfo .pairsInline dd{
        position:absolute;
        margin-top:5px;
        background:#FEFEF3;
        right:5px;
        padding-left:3px;
        font-size:11px;
    }
    /* /Информация о пользователе под аватаром */ 
    ПЫСЫ: шрифт справа также можно уменьшить, изменив font-size:11px; на меньшее значение в каскаде классов .extraUserInfo .pairsInline dd .
Поделиться этой страницей в