Home
welcome all
Make the backgrounds and frames of recently shared photos colorful
https://i.postimg.cc/7L5HLJZ9/Animation.gif
-------------------------------------------
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
