XF 2.3 العلامة المائية على الصور في المواضيع

[ناصر]

العلامة المائية على الصور في المواضيع

الكود متوافق مع الإصدارات xenforo 2.3



يمكنك وضع شعار المنتدى واسمه بإضافة الكود أدناه في extra.less واحفظه، مع تغيير مايلزم كاللون والحجم، حظا سعيدا للجميع.

/* Resimlere filigran ekleyen CSS */
/* 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 */
.bbImageWrapper::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 */
}
/* Resim kaydırıcı otomatik boyutlandırma konumlandırma ekleme */
.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 */
.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 */
}

في أمان الله