Иконка ресурса

Изменяем внешний вид статистики форумов

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,868
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Изменяем внешний вид статистики форумов - Изменяем внешний вид статистики форумов.


В шаблон EXTRA.css добавляем:
Код:
.nodeStats.pairsInline {
display: block;
line-height: 20px;
max-width: 200px;
position: absolute;
right: 275px;
top: 7px;
}

.nodeStats.pairsInline dl, .nodeStats.pairsInline dt, .nodeStats.pairsInline dd {
display: block;
min-width: 90px;
text-align: center;
}

.nodeStats.pairsInline dt {
color: #a5cae4;
text-transform: uppercase;
}

Узнать больше об этом ресурсе...
 
Ни че так, забавно выглядит.
 
Получается не как на картинке))

1.PNG

После моей правки немного лучше :-)

2.PNG
Код:
.nodeStats.pairsInline {
display: block;
font-weight: bold;
line-height: 20px;
max-width: 200px;
position: absolute;
right: 275px;
top: 7px;
}

.nodeStats.pairsInline dl, .nodeStats.pairsInline dt, .nodeStats.pairsInline dd {
display: block; 
font-size: 14px;
min-width: 90px;
text-align: center;
}

.nodeStats.pairsInline dt {
color: #a5cae4;
text-transform: uppercase;
}
 
  • Мне нравится
Реакции: Hope
Не работает у меня, версия ксени 1.4.0
05HbIzB.png
 
Только для дефолтного стиля - 100% совместимость.
 
А как сделать что бы название раздела было по центру относительно высоты? Данная модификация работает хорошо, только нужно чуть сместить названия разделов вниз. Хэлп.
 
Пытался сделать так чтобы поставить всё это в какую-ту геометрическую фигуру, в итоге не получилось, поможете? :-)
 
Всё очень хорошо, нотам где подфорумы, получается как то так
Screenshot_2.png

Как то можно вылечить?
 
как бы это сделать не во всех разделах
 
Как то можно вылечить?
Немного меняем свойства стиля подразделов
Код:
.node .subForumList {
    margin: 30px 0 10px!important;
    padding: 5px 0 0;
    border-top: 1px solid @primaryLighterStill;
}
получим
2017-05-18_090727.png

Можно пойти дальше и сделать так
2017-05-18_090727.png
Код:
.node .nodeStats dl:first-child {
    border-left: 1px solid @primaryLighterStill;
    border-right: 1px solid @primaryLighterStill;
}

.node .nodeStats dl:last-child {
    border-right: 1px solid @primaryLighterStill;
}

Изменим немного стиль последнего сообщения под общий
Код:
.node .nodeLastPost {
    background: none!important;
    border-bottom: none!important;
    border-top: none!important;
    border-radius: 0!important;
}

.node .nodeControls {
    margin: 20px 6px 0 0!important;
}
получим
2017-05-18_090727.png
 
Всё очень отлично.
Скажите, а позицию чуть сдвинуть можно?
Скажем не на середину но отстпить чуть

Screenshot_1.png

Блин, разобрал код, спасибо, вопрос снимаю
 
Код:
.nodeStats.pairsInline {
    display: block;
    line-height: 20px;
    max-width: 200px;
    position: absolute;
    right: 275px;
    top: 7px;
}
свойство right: 275px; отвечает за отступ справа
 
Вы о чём вообще? Это изменение внешнего вида статистики.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу