Решено Как изменить блок сообщения, симпатии, балы

Статус
В этой теме нельзя размещать новые ответы.

TwiX

Проверенные
Сообщения
1,411
Решения
8
Реакции
361
Баллы
3,395
Как изменить блок сообщения, симпатии, балы
Вот на такой как на скрине
Screenshot_3.png
 
Последнее редактирование:
В шаблоне sidebar_visitor_panel
Найти код:
Код:
<dl class="pairsJustified"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $visitor.message_count}</dd></dl>
                <dl class="pairsJustified"><dt>{xen:phrase likes}:</dt> <dd>{xen:number $visitor.like_count}</dd></dl>
               <dl class="pairsJustified"><dt>{xen:phrase points}:</dt> <dd>{xen:number $visitor.trophy_points}</dd></dl>
Заменить на:
Код:
<div id="replyCountStats" class="statBox"><dd>{xen:number $visitor.message_count}</dd> <div class="statName">Сообщений</div></div>
            <div id="likesCountStats" class="statBox"><dd>{xen:number $visitor.like_count}</dd><div class="statName">Симпатий</div></div>
            <div id="trophyCountStats" class="statBox"><dd>{xen:number $visitor.trophy_points}</dd><div class="statName">Трофеев</div></div>
В шаблон EXTRA.css
Код:
.statBox {
    width: 56.5px;
    text-align: center;
    padding: 5px 0;
    text-align: center;
    padding: 8px 0;
    color:white;
}
#replyCountStats {
    background: #303030; - меняем на свой цвет.
}
#likesCountStats {
    background: rgb(82, 54, 107); - на свой цвет
    width: 60px;
}
#trophyCountStats {
    background: #8c2c2c; -меняем на свой цвет
}
.statName {
    font-size: 10px;
    text-transform: uppercase;
    width: 99%
}
.sidebar .visitorPanel .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 90%;
}
 
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу