Заменяем иконки узлов на Font Awesome

[GoldenFish]

Всем привет с вами GoldenFish

Я вам разкажу как заменяем иконки узлов на Font Awesome.
И так В шаблон EXTRA.css добавляем:​

.nodeIcon::before {
    content: "\f085";
    font-family: FontAwesome;
    font-size: 36px;
    color: dodgerblue;
}

#forums.nodeList .node .nodeIcon {
    background-image: none;
}

Можно, чуть код подправить и будет для каждого узла (раздела), своя иконка.

Вот пример.

.node_2 .nodeIcon::before {
    content: "\f211";
    font-family: FontAwesome;
    font-size: 36px;
    color: dodgerblue;
}

.node_73 .nodeIcon::before {
    content: "\f219";
    font-family: FontAwesome;
    font-size: 36px;
    color: dodgerblue;
}

.node_6 .nodeIcon::before {
    content: "\f21e";
    font-family: FontAwesome;
    font-size: 36px;
    color: dodgerblue;
}

.nodeIcon::before {
    content: "\f085";
    font-family: FontAwesome;
    font-size: 36px;
    color: dodgerblue;
}

#forums.nodeList .node .nodeIcon {
    background-image: none;
}

Где .node_x(в примере 2, 73, 6), это Id нужного раздела.
Естественно заменяем на своё, и так дальше по аналогии.

​