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