XenForo Yazı editörüne eklentisiz logo ekleyin

Yönetici

HAN

WFN Moderatör

1/3

2 Eyl 2025

#1

XenForo Yazı editörüne eklentisiz logo ekleyin

Uyumlu XF Sürümleri

2.2.X
2.3.X

Logonuzu forum editörüne ekleyerek markanızı daha da ön plana çıkarmak için iyi bir fikir olabilir. Bunun için aşağıdaki kodu, kullandığınız temanın extra.less şablonuna ekleyip düzenlemeniz yeterli.

background: url('logo linki') bu alana logonuzun resim yolunu koyunuz.
background: url('mobil logo linki') bu alana logonuzun mobil için resim yolunu koyunuz.

Less:

.fr-box.fr-basic .fr-element {
    position: relative;
    background: none;
}

.fr-box.fr-basic .fr-element:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://i.hizliresim.com/78zf1fo.png') no-repeat bottom right; /* Change to your logo */
    background-size: 300px; /* Adjust size as needed */
    opacity: 0.2; /* Set opacity to 20% or whatever you prefer */
    pointer-events: none; /* Make it non-interactive */
    z-index: -1; /* Ensure it appears behind the text content */
}

/* Media query for smaller screens */
@media (max-width: 650px) {
    .fr-box.fr-basic .fr-element:before {
        content: ''; /* Ensure content remains empty */
        background: url('https://i.ibb.co/8rFyrtW/opacity.png') no-repeat bottom right; /* Change to your logo */
        background-size: 30px; /* Adjust size for mobile or whatever you prefer */
    }

    .fr-box.fr-basic .fr-element {
        /* Optional: Add any additional styling for the element on mobile */
    }
}