منتديات ويب تونس
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى لمنتديات ويب تونس يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى.

انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات ويب تونس
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى لمنتديات ويب تونس يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى.
منتديات ويب تونس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
292 المساهمات
60 المساهمات
34 المساهمات
19 المساهمات
16 المساهمات
11 المساهمات
7 المساهمات
6 المساهمات
5 المساهمات
4 المساهمات


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

2 مشترك

2 مشترك close
دمعه السعودية
Mr Google
اذهب الى الأسفل
Mr Google
Mr Google
إدارة المنتدى
وسام النشاط
وسام النشاط
الجنس : ذكر
عدد المساهمات : 1009
عدد النقاط : 2881
إنظم في: : 26/01/2024
No

[كود CSS ] أضف صورة او ايقونه إلى الصورة الشخصيه في المواضيع Empty [كود 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



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


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

دمعه السعودية يعجبه هذا الموضوع

دمعه السعودية
دمعه السعودية
المشرف العام
وسام النشاط
وسام النشاط
كأس المنتدى
كأس المنتدى
الحضور الدائم
الحضور الدائم
الجنس : انثى
عدد المساهمات : 521
عدد النقاط : 1232
إنظم في: : 28/01/2024
Pink

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

الإثنين نوفمبر 04, 2024 11:51 am
شكرا على الكود المميزة



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


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

Mr Google يعجبه هذا الموضوع

Mr Google
Mr Google
إدارة المنتدى
وسام النشاط
وسام النشاط
الجنس : ذكر
عدد المساهمات : 1009
عدد النقاط : 2881
إنظم في: : 26/01/2024
No

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

الإثنين نوفمبر 04, 2024 11:56 am
دمعه السعودية كتب:
شكرا على الكود المميزة

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



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


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

دمعه السعودية يعجبه هذا الموضوع

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


SVG

تسجيل الدخول

يمكنك الدخول للمنتدى اذا كان لديك عضوية هنا للرد على الموضوع والمشاركة معنا

SVG

التسجيل بالمنتدى

للرد على الموضوع يمكنك التسجيل في المنتدى للتمتع بالمزايا الخاصة بالاعضاء

SVG

الاتصال بنا

في حال واجهتك مشكلة بالتسجيل او في المنتدى اتصل بنا لحل المشكلة

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