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

Модификация верстки extraUserInfo
Совместимость с 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 .
Автор
android88
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок