ویژه طرح های مختلف آواتار

[nima]

شکل آواتار ها در تمام انجمن تغییر میکند.[HIDESHOWTOGROUPS=12,4,13,3,10,6,5,7]
برای هرحالت کدش رو درextra.lessقرار بدید.
۱-حالت ضربدری!!
.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
border-radius: 4px;
padding: 4px;

}

۲-حالت ستاره
.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

۳-حالت مثلث
.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);


border-radius: 4px;
padding: 4px;

}
۴-حالت مربع نصفه
.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
clip-path: circle(70% at 70% 20%);


border-radius: 4px;
padding: 4px;

}
[/HIDESHOWTOGROUPS]

 

[nima]

مشاهده فایل‌پیوست 6114
5-شبیه متوازی الضلاع
[HIDESHOWTOGROUPS=12,4,13,3,10,11,6,5,7]

.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
border:1px solid white;

border-top-left-radius:17px;
border-top-right-radius:0;
border-bottom-right-radius:17px;
border-bottom-left-radius:0;
}

[/HIDESHOWTOGROUPS]

 

[nima]

6-هشت ضلعی
[HIDESHOWTOGROUPS=12,4,13,3,10,11,6,5,7]

.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
clip-path: polygon(30% 4%, 70% 4%, 96% 30%, 95% 73%, 71% 96%, 29% 96%, 4% 71%, 4% 30%);
}

[/HIDESHOWTOGROUPS]

 

[nima]

حاشیه نقطه نقطه برای اواتار
کد زیر رو درextra.lessبزارید.
[HIDESHOWTOGROUPS=12,4,3,10,11,6,5,7]

.avatar {border:2px dotted yellow;}

[/HIDESHOWTOGROUPS]

 

[nima]

سایه1

[HIDESHOWTOGROUPS=12,4,13,3,10,11,6,5,7]

.avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
 
    box-shadow: #0b0b17 -2px 0px 11px;
}

کد رو درextra.lessبزارید.
[/HIDESHOWTOGROUPS]