Мануал 2.x Статистика форума снизу, как на IPB

[23808]

Ненавидите длинные ники, которые ломают статистику в сайдбаре? Выход есть! расположите виджет внизу форума, как на IPB

1. Идем в /admin.php?widgets/ находим виджет Статистика форума (forum_overview_forum_statistics)
Меняем расположение на Список форумов ниже списка узлов (переводы могут отличаться)
С боковой панели чекбокс снимаем.

Идем в Extra.less и делаем красиво:
Светлый:

/* статистика форума */

.block[data-widget-key="forum_overview_forum_statistics"]  .pairs {

    display: inline-block;

    line-height: 1.8em;

}



.block[data-widget-key="forum_overview_forum_statistics"] .pairs.pairs--justified > dd {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);

    color: #222222;

    display: inline-block;

    font-weight: bold;

    margin-right: 3px;

    padding: 3px 14px;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);

}

.block[data-widget-key="forum_overview_forum_statistics"]  .pairs>dt {

    font-weight: 500;

    }

/* статистика форума */

Темный:

/* статистика форума */
.block[data-widget-key="forum_overview_forum_statistics"]  .pairs {
    display: inline-block;
    line-height: 1.8em;
}

.block[data-widget-key="forum_overview_forum_statistics"] .pairs.pairs--justified > dd {
    box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 2px 0 #cc73d1;
    display: inline-block;
    font-weight: 500;
    margin-right: 3px;
    padding: 3px 14px;
  
}

.block[data-widget-key="forum_overview_forum_statistics"]  .pairs>dt {
    padding: 5px;
    color:#c8c8c8;
    font-weight: 500;
    }
/* статистика форума */

dt слова , dd цифры

line-height: 1.8em; - вот это регулирует выше или ниже
padding: 3px 14px; - регулирует ширину, высоту и подчеркивание от тени
остальное все по стилю смотрите

При расположении в строчку на мой взгляд иконки уже лишние, но если хотите то можно добавить и их :

/* иконки для статистики форума */
.block[data-widget-key="forum_overview_forum_statistics"] .pairs {

        dt:before {
         font: normal normal normal 17px/1.5 Material Design Icons;
          padding-right: 5px;
        }

        &:nth-child(1) dt:before {
          content: "\f255";
        }

        &:nth-child(2) dt:before {
          content: "\f1f0";
        }

        &:nth-child(3) dt:before {
          content: "\f848";
        }

        &:nth-child(4) dt:before {
          content: "\f010";
        }

    }

/* иконки для статистики форума */

Хотите скрыть заголовок статистика форума? Добавляем в extra.less вот это:

.block[data-widget-key="forum_overview_forum_statistics"] .block-minorHeader {
    display:none;
}

Для мобильных устройств убираем расположение в линию

@media screen and (max-width:480px) {
    .block[data-widget-key="forum_overview_forum_statistics"]  .pairs {
    display:block;
    }
}

 

[Valera Fray]

Нужная вещь

 

[howtomw]

Попробуем

 

[Vlad_Milenskiy]

норм