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.

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.338
İlk yayınlama
Son güncelleme

Puanlar

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

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

Zevkini yansıtan rengi seç

Geniş / Dar görünüm

Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

Izgara görünümlü forum listesi

Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

Resimli ızgara modu

Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

Kenar çubuğunu kapat

Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

Sabit kenar çubuğu

Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

Köşe kıvrımlarını kapat

Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

Geri