XenForo Eklenti olmadan resimlerinize fligran ekleyin

Yönetici

HAN

WFN Moderatör

1/3

4 Eyl 2025

#1

XenForo Eklenti olmadan resimlerinize fligran ekleyin

Uyumlu XF Sürümleri

2.2.X
2.3.X

Herhangi bir eklentiye ihtiyaç duymadan resimlerinize fligran ekleyin. Aşağıda verdiğim kodu, temanızın extra.less şablonuna ekleyip kendinize göre düzenleyin. Bu düzenleme sadece yazı olarak geçerlidir. Resim olarak forumdaki eklentilerden faydalanabilirsiniz.

Description:
Add watermark to your images without any plugins. Your part code is added according to your theme's extra.less template.

Less:

/* Forum resimlerine fligran ekle TRXF.TR */
/* Resim kapsayıcılarına konumlandırma ekleme */
.bbImageWrapper {
    position: relative; /* Pseudo-elementlerin doğru konumlandırılması için */
    display: inline-block; /* Blok görüntüleme */
}
/* Resimlere filigran ekleme TRXF.TR*/
.bbImageWrapper::after {
    content: 'TRXF.TR - XenForo Development'; /* Filigran metni */
    position: absolute; /* Filigranı köşeye yerleştirmek için */
    bottom: 20px; /* Sağ alt köşeye yerleştirmek için */
    right: 20px; /* Sağ alt köşeye yerleştirmek için */
    color: rgba(92, 165, 214, 1); /* Beyaz ve yarı şeffaf */
    font-size: 30px; /* Filigran metninin boyutu */
    font-weight: bold; /* Filigran metninin kalınlığı */
    background-color: rgba(0, 0, 0, 0.5); /* Arka plan rengi ve şeffaflığı */
    padding: 5px 5px; /* Metnin etrafındaki boşluk */
    z-index: 10; /* Filigranın üstte görünmesi için */
    pointer-events: none; /* Filigranın tıklanabilir olmasını engeller */
}
/* Resim kaydırıcı otomatik boyutlandırma konumlandırma ekleme TRXF.TR*/
.fancybox__content {
    position: relative; /* Pseudo-elementlerin doğru konumlandırılması için */
    display: inline-block; /* Blok görüntüleme */
}
/* Resim kaydırıcı otomatik boyutlandırma filigran ekleme TRXF.TR*/
.fancybox__content::after {
    content: 'Mucitler Forum'; /* Filigran metni */
    position: absolute; /* Filigranı köşeye yerleştirmek için */
    bottom: 10px; /* Sağ alt köşeye yerleştirmek için */
    right: 10px; /* Sağ alt köşeye yerleştirmek için */
    color: rgba(92, 165, 214, 1); /* Beyaz ve yarı şeffaf */
    font-size: 30px; /* Filigran metninin boyutu */
    font-weight: bold; /* Filigran metninin kalınlığı */
    background-color: rgba(0, 0, 0, 0.5); /* Arka plan rengi ve şeffaflığı */
    padding: 5px 5px; /* Metnin etrafındaki boşluk */
    z-index: 10; /* Filigranın üstte görünmesi için */
    pointer-events: none; /* Filigranın tıklanabilir olmasını engeller */
}