اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة

اذهب الى الأسفل

ÊÞäíÉ اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة

مُساهمة من طرف كونان2000 الأربعاء 3 يوليو 2024 - 0:06

السلام عليكم ورحمة الله وبركاته
اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f3a8

اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة E4aK9Mu
https://i.postimg.cc/7L5HLJZ9/Animation.gif
------------------------------------------

يتم تلوين الصور حسب تنسيق الصورة
كل تنسيق له لونه الخاص  عجيـــب

jpg: وردي  اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f497
png: اخضر  اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f49a
gif:  ازرق  اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f499
------




طريقة التثبيت
______________________





لوحة الادارة > مظهر المنتدى > الصور و الألوان
ورقة ال CSS

ثم ضع الكود المناسب لنسخة منتداك

ModernBB-AwesomeBB
الكود:
.container-imgs-list img[src$=".jpg"] {
    background: #ec7aff;
    padding: 5px;
}
.container-imgs-list img[src$=".png"] {
    background: #b4f568;
    padding: 5px;
}
.container-imgs-list img[src$=".gif"] {
    background: #75d4ff;
    padding: 5px;
}

phpBB2-phpBB3-PunBB-Invision
الكود:
[class="image_column"] img[src$=".jpg"] {
    background: #ec7aff;
padding: 7px !important;
margin-top: 4px;
    height: auto;
    width: 255px;
}
[class="image_column"] img[src$=".png"] {
    background: #b4f568;
padding: 7px !important;
margin-top: 4px;
    height: auto;
    width: 255px;
}
[class="image_column"] img[src$=".gif"] {
    background: #75d4ff;
padding: 7px !important;
margin-top: 4px;
    height: auto;
    width: 255px;
}
لا تنسى الحفظ والصغط على زر قدم

بعد تثبيت كود CSS
يمكنك تعديله كما تريد ليناسب الصور التي تمت مشاركتها مؤخرًا في منتداك

وفي الختام اتمنى ان يكون اعجبكم

وفقكم الله

_______________________________
تمت كتابة الكود بواسطة كونان2000 باستخدام AI

Cool  Cool  Cool
jpg-png-gif
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

ابوعلي البلقاوي و Witcherface يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

- مواضيع مماثلة

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