Иконки Fontawesome ниже аватара в сообщениях

[baltun]

Пользователь xsasha разместил новый ресурс:

Иконки Fontawesome ниже аватара в сообщениях - Иконки Fontawesome ниже аватара в сообщениях.

Код не стандартный, т.е не подойдет без коррекции на все форумы, так как в CSS просчитываются поля дочерние элементы где будут отображаться иконки, я напишу несколько вариантов, у кого буду другие поля можете написать в теме я индивидуально сделаю CSS под ваш форум, все добавляется в EXTRA.CSS

.extraUserInfo .pairsJustified:first-child dt:before {
    font-family: 'FontAwesome';
    content: "\f27b";
    padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(2) dt:before {...

Узнать больше об этом ресурсе...

 

[Dead Master]

Поставил этот вариант

Спойлер: код

.extraUserInfo .pairsJustified:first-child dt:before {
font-family: 'FontAwesome';
content: "\f27b";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(2) dt:before {
font-family: 'FontAwesome';
content: "\f017";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(3) dt:before {
font-family: 'FontAwesome';
content: "\f086";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(4) dt:before {
font-family: 'FontAwesome';
content: "\f164";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(5) dt:before {
font-family: 'FontAwesome';
content: "\f091";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(6) dt:before {
font-family: 'FontAwesome';
content: "\f007";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(7) dt:before {
font-family: 'FontAwesome';
content: "\f2ac";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(8) dt:before {
font-family: 'FontAwesome';
content: "\f26b";
padding-right: 3px;
}

и вот что вышло,

все перепутано

 

[baltun]

Ну что сказать, жди сейчас будет тебе счастье. Вот это можешь примерить ?

.extraUserInfo .pairsJustified:first-child dt:before {
font-family: 'FontAwesome';
content: "\f017";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(2) dt:before {
font-family: 'FontAwesome';
content: "\f086";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(3) dt:before {
font-family: 'FontAwesome';
content: "\f164";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(4) dt:before {
font-family: 'FontAwesome';
content: "\f091";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(5) dt:before {
font-family: 'FontAwesome';
content: "\f007";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(6) dt:before {
font-family: 'FontAwesome';
content: "\f19c";
padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(7) dt:before {
font-family: 'FontAwesome';
content: "\f0ac";
padding-right: 3px;
}

 

[Dead Master]

Спасибо огромное