كود الصورة الشخصية

_

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

م،ص الخير عليكن أجمعين

ممم، ياليت لو تعطوني كود الصورة الشخصية

في البيانات الشخصية ،

والمساهمات في الصفحة الرئيسية ،

كمثال لدعم أحلى منتدى ،

https://i.servimg.com/u/f55/20/52/25/55/img_501

تكون الصورة على شكل دائري وايضاً في المساهمات ،

ولكم جزيل الشكر مقدماً على مايتم تقديمه للجميع .

لاظهار الصورة على الرائيسيه في اخر مساهمه

لوحة ادارة - مظهر المنتدى - الهيكل والتراتيب وانزل فى الصفحة الي
تعديل التّراتُب

إظهار الصورة الرمزية للعضو بجوار اسمه في عمود "آخر مساهمة" : نعم
ثم سجل

لجعلها دائريه تابعي هنا

https://help.ahlamontada.com/t1080938-topic?highlight=%D8%B4%D9%83%D9%84+%D8%AF%D8%A7%D8%A6%D8%B1%D9%8A

وان اردتي اي شي اكتبي في البحث في اعلى المنتدى كلمتين للموضوع المراد ستجدي ماتريدي باذن الله في التقنيات المتقدمة من خلال البحث

_

الله يعطيك ألف عافية على تجاوبك السريع ،

ضبط معاي ، بس الكود يخلي الجنس اللي هو ذكر او أنثى ايضاً دائري ،

ياليت تكون مثل الدعم .

_

أرجو التشيكك على المجتمع الخآص بي ،

لترى شكل الكود بأنه لم يتم بالشكل المطلوب للأسف ،

مع العلم إني جربته من قبل فتح الموضوع .

مرحباً شموخ
يمكنك استعمال الكود التالي
للحصول على النتيجة المطلوبة

توجهي للوحة التحكم
عناصر إضافية > إدارة اكواد javascript

[إنشاء كود جديد ]
العنوان : اي شي
اضف الكود إلى : المواضيع
ثم ضعي هذا الكود

الكود:: $(document).ready(function() {
  $('.poster-profile img').each(function() {
   var styleAttr = $(this).attr('style');
   if (styleAttr === 'max-width: 200px; max-height: 600px') {
   $(this).addClass('profimg');
   }
  });
});

تأكدي بآن خاصية جافاسكربت مفعله من خلال
النظر لـ [تفعيل نظام إدارة أكواد Javascript]
اذا لم يكن [نعم] ضعيه نعم ثم [سجل]

ثم توجهي إلى مظهر المنتدى > [الصور و الألوان] > الوان & ورقة ال css > ورقة تصميم css
وضعي هذا الكود

الكود:: .profimg {
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
}

_

يعطيك العافية شاعر على عطائك ،

ضبط معي البيانات الشخصية ، بسس للأسف

في الصفحة الرئيسية ما زال نفس الشيء.

_

مثال :

https://i.servimg.com/u/f55/20/52/25/55/img_5012.jpg

https://i.servimg.com/u/f55/20/52/25/55/img_5013.jpg

في مجتمعي وفي منتدى الدعم ،

وإستفسار بسيط أكواد الجيفا هل تتأثر عند تغيير الاستايل ،

أو عند اضافة أكواد اخرى ك جيفا أو ccs ؟

وشكراً مقدماً لك .

تجربه .... جرب احذفي صورتك الشخصية من منتداك وارجعي ارفعيها من جديد

وانتظري دخول احد الاخوة الخبرا

_

غيرت الصورة وللاسف نفس الإشكالية ،

ننتظر الخبراء يفيدونا .

شموخ. كتب:: _

يعطيك العافية شاعر على عطائك ،
ضبط معي البيانات الشخصية ، بسس للأسف
في الصفحة الرئيسية ما زال نفس الشيء.

اعتذر منك اختي شموخ ماكنت مدرك لطلبك بشكل كامل
لمعالجة الامر المطلوب يمكنك الذهاب ل كود css السابق
او بالبحث في ورقة css عن

الكود:: .profimg

ثم إضافة هذه الكلمة بجانبها

الكود:: , .lastpost-avatar

بدون إزالة ,
او يمكنك حذف كود css السابق بالكامل واضافة هذا الكود بدلاً عنه

الكود:: .profimg, .lastpost-avatar {
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
}

_

تم ازالة الكود واضافة الجديد كامل ،

بسس للاسف ما زالت المشكلة مستمرة .

https://i.servimg.com/u/f55/20/52/25/55/img_5014.jpg

لاحظت الامر كنت متواجد في المجتمع الخاص بك مسبقًا
كان جهلاً مني لاني لم اراعي الطول والعرض
لذالك سأقوم بفصل الكودين عن بعض وسوف اقوم ببعض التعديلات
لاكن اولاً جربي استخدام هذا الكود بدلاً عن السابق ك تجربه فقط
استبدلي الكود السابق بهذا الكود

الكود:: .lastpost-avatar 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;
overflow:hidden;
margin:10px 0;
text-align:center
}

.profimg {
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
}

جربت الكود بنيابة عنك وكان جميل
لاكن ان كنتي ترغبين في تنسيق يجعل شكله مميز للمجتمع الخاص بك
يمكنك استخدام هذا الكود وترك اللذي قدمته اعلاه

الكود:: .lastpost-avatar img {
   background: #fff;
   border: 2px solid;
   font-weight: lighter;
   padding: 3px;
   border-radius: 100px;
   box-shadow: 0 0 4px rgba(0,0,0,.3), 0 -1px 1px rgba(0,0,0,.3);
   display: inline-block;
   overflow: hidden;
   margin: 10px 0;
   text-align: center;
}
.profimg {
  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
}

اعتقد بان هذا سوف يناسب مجتمعك اكثر

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