Xenforo Eklentisiz Filigran Sistemi

Yönetici

HAN

WFN Moderatör

1/3

15 Eyl 2025

#1

Bu eklenti, add-ons XenForo 2.3.Xile uyumlu ve stabil olarak çalışmaktadır.

Uyumlu XF 2 Sürümleri

2.2.X
2.3.X

Xenforo 2.3 için css kodu eklentiye gerek duymadan resimleriniz üzerine filigran uygulayarak forumu logosunu, adını resmini yazabilirsiniz

Aşşağıda css kodunu extra.less içerisine atın kaydedin hepsi bukadar hayırlı olsun

Mucitler Forum Yazısını Kendinize Göre Düzenleyin

CSS:

/* 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 */
}