Make the backgrounds and frames of recently shared photos colorful
https://i.postimg.cc/7L5HLJZ9/Animation.gif
-------------------------------------------
Images are colored according to the image format
Each format has its own color
jpg: pink
png: green
gif: blue
--
Installing the CSS
________________
Go to Administration Panel > Display > Colors > CSS stylesheet
and paste the following rules in your stylesheet.
ModernBB-AwesomeBB
- Code:
.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
- Code:
[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;
}
Don't forget to save
After installing the CSS code,
you can modify it as you like to fit the recently shared images of your forum
Last edited by كونان2000 on September 17th 2024, 5:35 am; edited 2 times in total