A
AHMEDK1
ضيف
في قالب
ضيف في نهايته هذا الكود واستمر في التكرار فيه للمجموعات كاملة فقط بتغير الرقم 3 الى ارقام المجموعات + ايضا بتغير الايقونة لكل مجموعة.
بتضيف الكود في قالب Extra وبتغير المجموعة يعني رقم ( 3 ) هي رقم مجموعة المستخدم.
والأيقونات تقدر تجيبها من هنا https://fontawesome.com
الموضوع بمساعدة اخي @إبو الياس
Extra.less
ضيف في نهايته هذا الكود واستمر في التكرار فيه للمجموعات كاملة فقط بتغير الرقم 3 الى ارقام المجموعات + ايضا بتغير الايقونة لكل مجموعة.
CSS:
/* 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
الموضوع بمساعدة اخي @إبو الياس