Web Analytics Made Easy - Statcounter

Tema düzenleyici

XenForo Responsive sıralı reklam alanı

  • Konuyu Başlatan Konuyu Başlatan Nevzat
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 0
  • Görüntüleme Görüntüleme 64

Nevzat

WFN Üye
Katılım
29 Ağu 2025
Mesajlar
4,588
Çözümler
1
Tepki Skoru
271
Ticaret Puanı
0
Üyelik
6 Ay 16 Gün
Konum
Kars
Web Sitesi
Var
Alanı
Editör
1/3
Konu sahibi

XenForo Responsive sıralı reklam alanı​

Uyumlu XF Sürümleri
  1. 2.2.X
  2. 2.3.X
Forumunuza responsive sıralı reklam alanı oluşturun.
Aşağıdaki HTML kodunu, reklam şablonuna yapıştırınız.

HTML:
<!--TRXF.TR - Responsive Sıralı Reklam Alanı-->
        <div class="trxf-reklam-alani">
            <ul class="trxf-konteyner">
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
            </ul>
        </div>
Daha sonrasında aşağıda kodu, kullandığınız temanın extra.less şablonuna ekleyin.

Less:
// TRXF.TR - Responsive Sıralı Reklam Alanı CSS]
.trxf-reklam-alani
{
    .trxf-konteyner
    { 
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: space-around;
        padding: 0;
        margin: 0;
        list-style: none;
    
       .trxf-icerik
        {         
            width: 50%;     
            padding: 5px; 
            
            @media (max-width: (@xf-responsiveMedium))
            {
                width: 100%; 
            }
        
            img
            {
                width: 100%;
                max-height: 100px;
            }     
        } 
    }
}

GÖRÜNÜM

ChatGPT Image 1 Eyl 2025 12_01_20.webp
 

Sende şimdi bize katılmak ister misin?

Kayıt ol

Bize katılım kolay ve ücretsizdir!

Giriş Yap

Zaten bir hesabınız var mı? Buradan giriş yapın.

Foruma git ?

Bu konuyu görüntüleyen kullanıcılar

Son Konular

İpuçları
Geri
Üst