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

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

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

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

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

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
}

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


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

شموخ. كتب:

_

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

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

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

اعتذر منك اختي شموخ ماكنت مدرك لطلبك بشكل كامل
لمعالجة الامر المطلوب يمكنك الذهاب ل كود 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
}

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

الكود:


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


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

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