السلام عليكم ورحمة الله وبركاته
اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة E4aK9Mu](https://i.imgur.com/E4aK9Mu.gif)
https://i.postimg.cc/7L5HLJZ9/Animation.gif
------------------------------------------
اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f3a8](https://2img.net/i/fa/twemoji/16x16/1f3a8.png)
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة E4aK9Mu](https://i.imgur.com/E4aK9Mu.gif)
https://i.postimg.cc/7L5HLJZ9/Animation.gif
------------------------------------------
يتم تلوين الصور حسب تنسيق الصورة
كل تنسيق له لونه الخاص
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 737970443](/users/2614/24/16/96/smiles/737970443.png)
jpg: وردي
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f497](https://2img.net/i/fa/twemoji/16x16/1f497.png)
png: اخضر
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f49a](https://2img.net/i/fa/twemoji/16x16/1f49a.png)
gif: ازرق
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 1f499](https://2img.net/i/fa/twemoji/16x16/1f499.png)
------
طريقة التثبيت
______________________
لوحة الادارة > مظهر المنتدى > الصور و الألوان
ورقة ال 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
تمت كتابة الكود بواسطة كونان2000 باستخدام AI
![وردة](/users/2614/24/16/96/smiles/52528.gif)
![وردة](/users/2614/24/16/96/smiles/52528.gif)
![وردة](/users/2614/24/16/96/smiles/52528.gif)
jpg-png-gif