Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
XenForo 2 sıralı Responsive banner alanı

XF 2.1 Eklenti XenForo 2 sıralı Responsive banner alanı

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
XenForo 2 sıralı Responsive banner alanı
ikili olarak sıralayabilirsiniz. Alt altta istediğiniz kader banner ekleeybilirisiniz. Mobil sistemlerde düşünülmüştür.​
xenforo_2li_banner.png
xenforo_2li_banner_mobil.png
Çalışma kodları;
Herhangi bir şablonda çalıştırmak için örnek HTML kod;

HTML:
    <!--[XGT]:Banner kutusu-->
        <div class="xgt-Banner-Kutusu">
            <ul class="xgt-konteyner">
                <li class="xgt-icerik">
                    <a href="#" target="_blank">
                        <img src="https://lh3.googleusercontent.com/uZUV1mqOTUMMJMU7RhPaMl3nizRy-jIyqs2p3YFeyQuZM50QDnqRosHIeZejl5fiDIg1S5FwtvR7rhbQEFqQNxPsuvxGhiAZWyRbPDY" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="xgt-icerik">
                    <a href="#" target="_blank">
                        <img src="https://www.google.com/logos/doodles/2016/adile-nasits-86th-birthday-6254011919368192-hp2x.jpg" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="xgt-icerik">
                    <a href="#" target="_blank">
                        <img src="https://www.google.com/logos/doodles/2016/adile-nasits-86th-birthday-6254011919368192-hp2x.jpg" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="xgt-icerik">
                    <a href="#" target="_blank">
                        <img src="https://lh3.googleusercontent.com/uZUV1mqOTUMMJMU7RhPaMl3nizRy-jIyqs2p3YFeyQuZM50QDnqRosHIeZejl5fiDIg1S5FwtvR7rhbQEFqQNxPsuvxGhiAZWyRbPDY" alt="img acıklama" border="0">
                    </a>
                </li>
            </ul>
        </div>

CSS kodları extra.less isimli şablona eklenecek.


CSS:
// XGT Banner kutusu CSS]
.xgt-Banner-Kutusu
{
    .xgt-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;
       
       .xgt-icerik
        {           
            width: 50%;       
            padding: 5px;   
               
            @media (max-width: (@xf-responsiveMedium))
            {
                width: 100%;   
            }
           
            img
            {
                width: 100%;
                max-height: 100px;
            }       
        }   
    }
}
Yazar
eTiKeT™
Görüntüleme
5,083
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 4 değerlendirme

eTiKeT™ ait diğer kaynakar

Son incelemeler

Başarılı Çalışma Teşekkürler
başarılı çalışma
Teşekkürler

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.