در قالب extra.less خود این کدها را اضافه کنید:
.username--style3:before {
font-family: "FontAwesome";
content: "\f013";
color: inherit;
padding-right: 4px;
display: inline-block;
}
شماره سبک را به شماره گروه انتخابی خود تغییر دهید.
برای چرخاندن آن، این کدها را اضافه کنید...
آیکون های متحرک Font Awesome را به گروه های کاربری خود اضافه کنید(7)
کد زیر را در
extra.less
قالب مورد نظرتان اضافه کنید:
شما میتوانید Xرا در کد زیر با شماره رتبه مورد نظر جایگزین کنید
username--styleX
/* Practicalsoft animated icons */
.username--style3:before {
font-family: "Font...
آیکون های متحرک Font Awesome را به گروه های کاربری خود اضافه کنید(6)
کد زیر را در
extra.less
قالب مورد نظرتان اضافه کنید:
شما میتوانید Xرا در کد زیر با شماره رتبه مورد نظر جایگزین کنید
username--styleX
/* Practicalsoft animated icons */
.username--style3:before {
font-family: "Font...
آیکون های متحرک Font Awesome را به گروه های کاربری خود اضافه کنید(5)
کد زیر را در
extra.less
قالب مورد نظرتان اضافه کنید:
شما میتوانید Xرا در کد زیر با شماره رتبه مورد نظر جایگزین کنید
username--styleX
/* Practicalsoft animated icons */
.username--style3:before {
font-family: "Font...
آیکون های متحرک Font Awesome را به گروه های کاربری خود اضافه کنید(3)
کد زیر را در
extra.less
قالب مورد نظرتان اضافه کنید:
شما میتوانید Xرا در کد زیر با شماره رتبه مورد نظر جایگزین کنید
username--styleX
/* Practicalsoft Animated animated icons */
.username--style3:before {
font-family...
آیکون های متحرک Font Awesome را به گروه های کاربری خود اضافه کنید
کد زیر را در
extra.less
قالب مورد نظرتان اضافه کنید:
شما میتوانید X را در کد زیر با شماره رتبه مورد نظر جایگزین کنید
username--styleX
/* Practicalsoft animated icons */
.username--style3:before {
font-family: "Font Awesome...
آیکون های متحرک Font Awesome را به گروه های کاربری خود اضافه کنید
کد زیر را در
extra.less
قالب مورد نظرتان اضافه کنید:
شما میتوانید Xرا در کد زیر با شماره رتبه مورد نظر جایگزین کنید
username--styleX
/* Practicalsoft animated icons */
.username--style3:before {
font-family: "Font Awesome 5...
انیمیشن زیبا برای لوگوی انجمن
جهت داشتن انیمیشن زیبا مثل تصویر بالا کد زیر را در extra.less کپی کنید
/* Practicalsoft Logo Animation */
[data-template="forum_list"]
{
.p-header-logo {
animation: flip 20s infinite;
}
}
@keyframes flip {
0% {transform: perspective(600px)...