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

2 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف JoryAbdallah السبت 17 أكتوبر 2015 - 23:38

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

السلام عليكم ورحمة الله وبركاته
اقدم لكم كود css جعل الصور الشخصية بشكل دائري بالمواضيع والمساهمات
الكود حصري هنا مع اضافة تاثيرات تغيير لون الاطار حول الصورة من الازرق للبرتقالي
صورة للتوضيح
شكل دائري - كود css جعل الصور الشخصية بشكل دائري ببيانات العضو 1437-010
https://i.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
}


دمتم بخير
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8425
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل كود CSS الصورة الشخصية دائرية و بشكل مثلثة

مُساهمة من طرف صياد اليمام الأحد 27 أكتوبر 2024 - 17:10

السلام عليكم ورحمة الله وبركاته
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كود CSS --- الصورة الشخصية للعضو بالمساهمات -- دائرية ومثلثة -- تتغير تلقائيا ---
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ   ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
صورة للكود بعد التركيب 
شكل دائري - كود css جعل الصور الشخصية بشكل دائري ببيانات العضو K10
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ   ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
هذا الكود تستطيع من خلاله تغيير شكل الصورة الشخصية لـــــــ الأعضاء في المساهمات إلى صورة دائرية ومثلثة تتعدل تلقائيا كل 3 ثواني
_____________________________________________________

طريقة تركيب الكود
لوحة الإدارة >>> مظهر المنتدى >>> الصور والألوان >>> ألوان & ورقة ال CSS
>>> ورقة تصميم  CSS  >>> ضع الكود  >>> قدم
_____________________________________________________

phpBB2:

AwesomeBB:

ModernBB:
لا تنسى الضغط على زر قدم
-------------

يمكن تعديل الثواني بين الشكل الدائري والمثلث بتغيير الرقم 3 من الكود التالى
الكود:
  animation: shapeChange 3s infinite;
_____________________________________________________



--------------------------------------------------------------------------
تم كتابة الكود من قبل ---- صياد اليمام ----
__________________________________________
لأي إستفسار يمكن طرحه في قسم دعم مشاكل التومبلايت و الأكواد
صياد اليمام
صياد اليمام
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 130
معدل النشاط : 210
السُمعة : 2

https://help.ahlamontada.com/

ابوعلي البلقاوي و كونان2000 يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى