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

الإثنين نوفمبر 04, 2024 11:41 am

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

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

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

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

إن شاء الله

الشرح :

في قالب 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

الإثنين نوفمبر 04, 2024 11:51 am

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

الإثنين نوفمبر 04, 2024 11:56 am

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

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

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