[كود CSS ] أضف صورة او ايقونه إلى الصورة الشخصيه في المواضيع

أضف صورة او ايقونه إلى الصورة الشخصيه في المواضيع

صوره قبل اضافه الكود

صوره لعمل الكود

الكود يعمل على جميع النسخ

إن شاء الله

الشرح :

في قالب viewtopic_body ابحث على الكود التالي :

{postrow.displayed.POSTER_AVATAR}

احذفه و ضع في مكانه هذا الكود

الكود:: <div class="mrG_avatar_message"><div class="image_sur_avatar"></div>{postrow.displayed.POSTER_AVATAR}</div>

سجل و انشر القالب

ثم انتقل الى ورقه CSS

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

الكود:: .mrG_avatar_message{ position:relative; overflow:visible } .image_sur_avatar{ background:url('https://i.servimg.com/u/f83/20/54/50/11/flamme10.png') no-repeat; position:absolute; width:50px; height:50px; right:-15px; top:-25px; }

يمكنكم التحكم في حجم و مكان الصوره او الايقونات بتغير ما يناسبكم

الصوره المستعمل في الكود : يمكنكم تغييرها بما يناسبكم

الكود:: حجم عرض الصوره width:50px; حجم ارتفاع الصوره height:50px; مكان الصوره الى اليمين right:-15px; مكان الصوره الى اليمين top:-25px;

فكره الكود الاصليه : Mäven

تم التعديل و الترجمه بما يناسب المنتديات العربيه

Mr Google

شكرا على الكود المميزة

دمعه السعودية كتب:
شكرا على الكود المميزة

شكرا لردك و مرورك الجميل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]