XenForo 2.3.x CSS ile Watermark Yapma

[xenturka]

XenForo forumları için eklenti kullanmadan eklenen görsellere CSS ile Watermark eklemek için aşağıda ki vermiş olduğum kodu extra.less şablonuna ekleyebilirsiniz.

Watermark ne işe yarar?
Bu çalışma ile forum sitenize yüklediğiniz görsellerin üzerinde CSS ile belirlediğiniz logonuzu gösterir.

Örnek:

CSS kodlarını kendinize göre düzenleyebilirsiniz.

// Resimlere filigran ekleme
.bbImageWrapper, .fancybox__content {
    position: relative;
    &:before {
        content: "";
        position: absolute;
        right: 1em;
        bottom: 1em;
        margin: 0 auto;
        width: 20%;
        height: 10%;
        background: url('https://xenturka.com/styles/xenturka/xt-fligran.png') no-repeat center center;
        background-size: contain;
        img, video {
            display: block;
        }
    }
}
// Resimlere filigran ekleme bitiş

https://xenturka.com/styles/xenturka/xt-fligran.png kısmını kendi logonuzla değiştirmeyi unutmayın.