Полезные модификации в Xenforo 2

Модификация Полезные модификации в Xenforo 2

Здесь буду собирать различные полезные модификации (хаки) в extra.less и не только для Xenforo 2.

Убираем заголовок (название) форума на главной
Less:
body[data-template="forum_list"] {
    .p-title {
        justify-content: flex-end;
    }
    .p-title-value {
        display: none;
    }
}

Стилизация закрепленных тем:
Less:
.structItemContainer-group.structItemContainer-group--sticky
{
    border-bottom: 1px solid darkgrey;
}
.structItemContainer-group.structItemContainer-group--sticky
{
    .structItem--thread
    {
        background-image:-o-linear-gradient(#F8FCEB, #DCF0C0 60%  );
        background-image: -moz-linear-gradient(top, #F3FAE1, #DCF0C0);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DCF0C0),color-stop(1, #F3FAE1));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DCF0C0');
    }
}

Свои иконки на разделы:
2017-11-19 22-21-52 (1) Веб технологии, все для Xenforo 2 - Google Chrome.png

Less:
.node-icon i {
    display: none;
}

.node--forum.node--id8.node--read .node-icon
{
    background-image: url('../styles/default/xenforo/icons/php.png');
    background-repeat: no-repeat;
    background-position: 10px;
}
.node--forum.node--id8.node--unread .node-icon
{
    background-image: url('../styles/default/xenforo/icons/php.png');
    background-repeat: no-repeat;
    background-position: 10px;
}

Font Awesome иконки в action bar:
2017-11-19 22-18-39 Вопрос - Вопросы xf 2.0   Веб технологии, все для Xenforo 2 - Google Chrome.png

Less:
.actionBar-action {

    &:before {
        display: inline-block;
        font-size: inherit;
        margin-right: 5px;
        -webkit-font-smoothing: antialiased;
    }

    &--edit:before {
        content: "\f040";
    }
  
    &--report:before {
        content: "\f071";
    }
  
    &--ip:before {
        content: "\f002";
    }
  
    &--delete:before {
        content: "\f00d";
    }
  
    &--spam:before {
        content: "\f024";
    }
  
    &--warn:before {
        content: "\f12a";
    }
  
    &--history:before {
        content: "\f1da";
    }
}

Текстовый логотип:
2017-11-19 22-26-44 XF2 - Текстовый логотип   Веб технологии, все для Xenforo 2 - Google Chrome.png


Код:
.p-header-logo.p-header-logo--image img {
  display: none;
}

.p-header-logo.p-header-logo--image a:before {
  content: "myopenweb.ru";
  font-size: 21px;
  font-weight: bold;
}

.p-header-logo.p-header-logo--image a:after {
  content: "Веб технологии";
}

Изменяем цвет фона и текста у тегов (меток):
Less:
/* Фон и текст */
.tagItem {
    background: black; // Цвет фона
    color: white; // Цвет текста
  
    /* При наведение (hover) */
    &:hover {
        background: white; // Цвет фона
        color: black; // Цвет текста
    }
}
Автор
Сообщество
Системные требования
Xenforo 2
Симпатии: Понравилось sonic
Автор
akhomlyuk
Первый выпуск
Обновление
Рейтинг
0.00 звезд Оценок: 0

Еще ресурсы от akhomlyuk

Поделиться этим ресурсом