Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться!.username--style26:before {
font-family: "Font Awesome 5 Pro";
content: "\f43f";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style26:hover:before {
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style26:before {
font-family: "Font Awesome 5 Pro";
content: "\f43f";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style2:before {
content: "\f007";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style3:before {
content: "\f521";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style28:before {
content: "\f77c";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style43:before {
content: "\f508";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style4:before {
content: "\f00c";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style45:before {
content: "\f121";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style19:before {
content: "\f005";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.node-body {
transition: transform 0.6s;
}
.node-body:hover {
transform: scale(1.07);
}
.username--style26:before {
content: "\f890";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style47:before {
content: "\f1c9";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style33:before {
content: "\f0c6";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style46:before {
content: "\f028";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style19:before {
content: "\f005";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style18:before {
content: "\f755";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style20:before {
content: "\f7d9";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
.username--style17:before {
content: "\f058";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}
Нет мне имено файл на плагин нуженЯ посмотрел, то что это extra.less, могу скинуть один из видов:
CSS:.username--style2:before { content: "\f007"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style3:before { content: "\f521"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style28:before { content: "\f77c"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style43:before { content: "\f508"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style4:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style45:before { content: "\f121"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style19:before { content: "\f005"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .node-body { transition: transform 0.6s; } .node-body:hover { transform: scale(1.07); } .username--style26:before { content: "\f890"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style47:before { content: "\f1c9"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style33:before { content: "\f0c6"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style46:before { content: "\f028"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style19:before { content: "\f005"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style18:before { content: "\f755"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style20:before { content: "\f7d9"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } .username--style17:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; }
Поставь мне решение, если помог![]()
Это не плагин, а CSS файл. Это надо вставить в шаблон «extra.less»Нет мне имено файл на плагин нужен
.username--style26:before {
font-family: "Font Awesome 5 Pro";
content: "\f43f";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style26:hover:before {
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
Боже, держите
Вводишь это в extra.less , вместо 26 водишь свою цифруCSS:.username--style26:before { font-family: "Font Awesome 5 Pro"; content: "\f43f"; font-weight: 600; padding-right: 1px; display: inline-block; } .username--style26:hover:before { display: inline-block; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; }
Да ало вы не понимаете?Боже, держите
Вводишь это в extra.less , вместо 26 водишь свою цифруCSS:.username--style26:before { font-family: "Font Awesome 5 Pro"; content: "\f43f"; font-weight: 600; padding-right: 1px; display: inline-block; } .username--style26:hover:before { display: inline-block; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; }
Да ало вы не понимаете?
Мне файл на плагин нужен а не коды которые не работают
Все работает, руки из плеч нужно, иди ищи сам плагин .
[XFA] Custom Username Icons - XF2. Тут нет этого плагина, ищите на просторах интернетаПривет вот этот Посмотреть вложение 6629