maaidni
01-18-2017, 11:45 AM
السلام عليكم ورحمه الل وبركاته
الكود اللى معنا اليوم خاص بجعل وتحويل الصورة الرمزية للعضو من الشكل الاعتيادى وهو المربع او المستطيل الى الشكل الدائرى لجعل ملف بيانات العضو احلى
[توافق الكود] متوافق مع جميع النسخ وصولا الى XF 1.5.11
الخطوات
ادخل الى لوحة تحكم المنتدى منها الى المظهر ثم البحث فى القوالب ابحث عن قالب EXTRA.css كما بالصوره
http://upload.traidnt.net/upfiles/YKt57615.png (http://upload.traidnt.net/)
قم الان باضافةالكود التالى داخل القالب كما بالصوره
.avatar img, .avatar .img, .avatarCropper {
-webkit-border-radius: 200px;
-moz-border-radius: 0px;
-khtml-border-radius: 80px;
border-radius: 80px;
}
http://upload.traidnt.net/upfiles/BuB57644.png (http://upload.traidnt.net/)
النتيجة
http://upload.traidnt.net/upfiles/Nu557667.png (http://upload.traidnt.net/)
تم بحمد الله
الكود اللى معنا اليوم خاص بجعل وتحويل الصورة الرمزية للعضو من الشكل الاعتيادى وهو المربع او المستطيل الى الشكل الدائرى لجعل ملف بيانات العضو احلى
[توافق الكود] متوافق مع جميع النسخ وصولا الى XF 1.5.11
الخطوات
ادخل الى لوحة تحكم المنتدى منها الى المظهر ثم البحث فى القوالب ابحث عن قالب EXTRA.css كما بالصوره
http://upload.traidnt.net/upfiles/YKt57615.png (http://upload.traidnt.net/)
قم الان باضافةالكود التالى داخل القالب كما بالصوره
.avatar img, .avatar .img, .avatarCropper {
-webkit-border-radius: 200px;
-moz-border-radius: 0px;
-khtml-border-radius: 80px;
border-radius: 80px;
}
http://upload.traidnt.net/upfiles/BuB57644.png (http://upload.traidnt.net/)
النتيجة
http://upload.traidnt.net/upfiles/Nu557667.png (http://upload.traidnt.net/)
تم بحمد الله