FlarumTR'deki gibi etiketler sayfasında etiket arka planlarında renk yerine görsel kullanmak isterseniz;
.TagTiles .TagTile:nth-child(1) {
background-image: url(https://flarumtr.com/assets/files/2021-05-18/1621322905-879572-1.png);
background-size: cover;
}
.TagTiles .TagTile:nth-child(2) {
background-image: url(https://flarumtr.com/assets/files/2021-05-18/1621322905-935253-2.png);
background-size: cover;
}
.......
CSS kodunu kullanabilirsiniz. Buradaki child(2) sayfada 2. sırada yer alan etiketi gösterir. Soldan sağa doğru saydığınızda sıralama oluşur.
Görsel boyutu 345×200 olmalıdır.
Gece modu için kullanmanız gereken CSS ise şu şekilde; (Bu resimler üzerinde bulunan metinleri okunur hale getirecektir)
body when (@config-dark-mode = true) {
.TagTile.colored, .TagTile.colored a {color: #fff;}
.TagTile.colored .TagTile-description {color: #fff;}
.TagTile.colored .TagTile-lastPostedDiscussion {color: #fff;}
.TagTile-lastPostedDiscussion {border-top: 1px solid #fff}
}
.TagTile-lastPostedDiscussion {border-top: 1px solid rgba(255,255,255,25%) !important}
