اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة
السلام عليكم ورحمة الله وبركاته
اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 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
------------------------------------------
يتم تلوين الصور حسب تنسيق الصورة
كل تنسيق له لونه الخاص
![عجيـــب](/users/1811/68/54/94/smiles/6156.gif)
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
![Cool](/users/1811/68/54/94/smiles/103798.gif)
![Cool](/users/1811/68/54/94/smiles/103798.gif)
![Cool](/users/1811/68/54/94/smiles/103798.gif)
jpg-png-gif
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
-----------------------------------------------------------
![اجعل خلفيات وإطارات الصور التي تمت مشاركتها مؤخرًا ملونة 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
ابوعلي البلقاوي و Witcherface يعجبهم هذا الموضوع
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو
» الصور التي تمت مشاركتها أخيراً
» من اين اعدل على صفحة : الصور التي تمت مشاركتها مؤخرا images
» إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا
» كيف اجعل الرتبة ملونة؟
» الصور التي تمت مشاركتها أخيراً
» من اين اعدل على صفحة : الصور التي تمت مشاركتها مؤخرا images
» إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا
» كيف اجعل الرتبة ملونة؟
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى