تعلم كيف تضع رموز قبل أسماء المجموعات

[AHMEDK1]

في قالب Extra.less
ضيف في نهايته هذا الكود واستمر في التكرار فيه للمجموعات كاملة فقط بتغير الرقم 3 الى ارقام المجموعات + ايضا بتغير الايقونة لكل مجموعة.

/*  Administration */
.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right:3px;
    display: inline-block
}

.username--style3: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 .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}
/* Administration */

بتضيف الكود في قالب Extra وبتغير المجموعة يعني رقم ( 3 ) هي رقم مجموعة المستخدم.

والأيقونات تقدر تجيبها من هنا https://fontawesome.com



الموضوع بمساعدة اخي @إبو الياس

 

[GeNiUs5]

شكرا لك ،،​

 

[AHMEDK1]

هل من تفاعل وتقدير للمجهود

 

[YASSINE BABLIL]

بارك الله فيك على هدا الطرح الجميل

جعله الله في ميزان حسناتك