طريقة تحويل صورة العضو إلى دائرة

طريقة تحويل صورة العضو إلى دائرة

medo6704

:: عضو جديد ::
إنضم
21 سبتمبر 2014
المشاركات
25
الإعجابات
18
العمر
21
#1
medo6704 قام بنشر منتج جديد:

طريقة تحويل صورة العضو إلى دائرة - طريقة تحويل صورة العضو إلى دائرة

طريقة تحويل صورة العضو إلى دائرة




نختار الاستايل المراد التطبيق عليه
ثم نفتح قالب EXTRA.css

ثم نضيف الكود التالى

كود:
<xen:include template="flatawesome.css" />
.avatar img, .avatar .img, .avatarCropper {
-webkit-border-radius: 200px;
-moz-border-radius: 0px;
-khtml-border-radius: 80px;
border-radius: 80px;
}
قراءة المزيد حول هذا المنتج...
 

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
المشاركات
1,921
الإعجابات
1,502
#2
بارك الله فيك اخي
medo6704

بخصوص الكود التالي
<xen:include template="flatawesome.css" />

قد لايتوفر هذا القالب في بعض الاستايلات فلا يجب اضافته لكود css

تحيتي لشخصك

أرسلت من HTC6435LVW بإستخدام تاباتلك
 

medo6704

:: عضو جديد ::
إنضم
21 سبتمبر 2014
المشاركات
25
الإعجابات
18
العمر
21
#3
بارك الله فيك اخي
medo6704

بخصوص الكود التالي
<xen:include template="flatawesome.css" />

قد لايتوفر هذا القالب في بعض الاستايلات فلا يجب اضافته لكود css

تحيتي لشخصك

أرسلت من HTC6435LVW بإستخدام تاباتلك
شكراً لك أخى Turkialawlqy على الملحوظة أنت مُعلمنا تسلم إيديك

وياريت تقولى إيه رأيك فى التأثير دا
وضع تأثير رائع على الاقسام والمواضيع
 

Sami

:: عضو ::
إنضم
10 أكتوبر 2014
المشاركات
492
الإعجابات
348
#4
طريقة أخرى...

افتح التمبلت Extra.css

اضف الكود التالي:

كود:
.avatar, .avatar img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }

.avatarScaler img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
 

Sami

:: عضو ::
إنضم
10 أكتوبر 2014
المشاركات
492
الإعجابات
348
#5
الطريقة الأخرى الأبسط

الدخول الى المظهر في لوحة التحكم ثم الى خصائص الستايل
av1.jpg

ثم الدخول الى الخصائص العامة

av2.jpg


ثم الى الصورة الشخصية Avatar

av3.jpg

ثم تغيير Radius الى 50px

av4.jpg