منتدى الدعم العربي
أخي أو أختي :
اسمح لي بأن أحييك .. وأرحب بك
فكم يسرنا ويسعدنا انضمامك لعائلتنا المتواضعة
التي لطالما ضمها منتدانا الغالي على قلوبنا
وكم يشرفني أن أقدم لك .. أخـوتنا وصداقـتـنا
التي تتسم بالطهر والمشاعر الصادقة
التي تنبع من قلوب مشرفيّ وأعضاء
هذا المنتدى السامي
أهــلا بك

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
ادارة عامة
ادارة عامة
عدد المساهمات : 176
السٌّمعَة : 0
تاريخ التسجيل : 07/09/2015
العمر : 16
الموقع : http://mobdi3.lolbb.com
معاينة صفحة البيانات الشخصي للعضوhttp://mobdi3.lolbb.com

كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

في الخميس يوليو 14, 2016 7:13 pm
كود css جعل الصور الشخصية بشكل دائري ببيانات العضو


السلام عليكم ورحمة الله وبركاته

اقدم لكم كود css جعل الصور الشخصية بشكل دائري بالمواضيع والمساهمات

الكود حصري هنا مع اضافة تاثيرات تغيير لون الاطار حول الصورة من الازرق للبرتقالي

صورة للتوضيح

http://i21.servimg.com/u/f21/16/46/77/76/1437-010.gif

الكود
الكود:

.poster-profile.postdetails img{  background:#fff;  border:2px solid;  font-weight:lighter;  padding:5px;  border-radius:100px;  box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);  display:inline-block;  height:100px;  overflow:hidden;  margin:10px 0;  width:100px;  text-align:center}
عدد المساهمات : 13
السٌّمعَة : 1
تاريخ التسجيل : 09/06/2016
معاينة صفحة البيانات الشخصي للعضو

رد: كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

في الأربعاء أغسطس 10, 2016 8:24 pm
موضوع جميل جدا
شكرا لك
عدد المساهمات : 18
السٌّمعَة : 1
تاريخ التسجيل : 13/07/2016
معاينة صفحة البيانات الشخصي للعضو

رد: كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

في الأربعاء أغسطس 10, 2016 8:36 pm
شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
عدد المساهمات : 22
السٌّمعَة : 1
تاريخ التسجيل : 13/07/2016
معاينة صفحة البيانات الشخصي للعضو

رد: كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

في الأربعاء أغسطس 17, 2016 9:34 pm
شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى