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.

Kaynak ikonu

XF 2.2 Eklenti Eklentisiz konu listesi için ızgara görünümü, düzeni

Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
  1. 2.2.X
  2. 2.1.X
Eklentisiz konu listesi için ızgara görünümü,düzeni

xenforo 2 konu lsitesi ızgara gorünümü.png



Temanızın extra.less isimli şablonuna aşağıdaki kodları eklemeniz yeterlidir. XenForo 2.2.2 ile test edilmiştir.

CSS:
/********************************************
-- [XGT] Eklentisiz konu listesi izgara gorunumu
-- Kaynak:  https://xenforo.com/community/resources/grid-layout-for-thread-without-addon.6577
********************************************/
//- Hizli ozelestirme seçenekleri
    @xgt-konu-ap: transparent;
    @xgt-konu-secilmis-ap: rgb(255, 248, 238);
    @xgt-konu-golgesi:  0 1px 4px rgba(0, 0, 0, 0.28);
    @xgt-konu-border: solid 1px rgba(0, 0, 0, 0.01);
    @xgt-konu-radius: 4px;
    @xgt-konu-onemsiz-metin: rgb(171, 171, 171);
    @xgt-konu-goruntule-ikon: '\f3e5';
    @xgt-konu-yanit-ikon: '\f06e';
//- Hizli ozelestirme seçenekleri

[data-template="forum_view"]
{
    @media (min-width: @xf-responsiveWide)
    {
        .structItem.is-mod-selected
        {
            background: @xgt-konu-secilmis-ap;
            opacity: 1;
        }
           
        .structItem-title
        {
            text-overflow: ellipsis !important;
            max-width: 50ch;
            overflow: hidden;
            white-space: nowrap;
        }
   
        .structItem--thread
        {
            background:@xgt-konu-ap;
            border: @xgt-konu-border;
            border-radius: @xgt-konu-radius;
            box-shadow: @xgt-konu-golgesi;               
            box-sizing: border-box;           
            border-collapse: collapse;   
            display: inline-block !important;
            position: relative;
            width: 100%;
            height: auto;
            margin: 9px 0px 0px 6px;
            max-width: 49% !important;
            vertical-align: top;
            overflow: hidden;
        }
       
        .xgt-konu-metalar
        {
            display: block;
            width: auto !important;
            margin-top: -13px;
        }

        .structItem-cell--meta
        {
            float:left;
            .xgt-konu-metalar();
        }

        .structItem-cell--latest
        {
            margin-bottom: 15px;
                float:right;
            .xgt-konu-metalar();
        }

        .structItem-cell--meta > .pairs.pairs--justified > dd
        {
            float: left;
            text-align: right;
            max-width: 100%;
        }
        .structItem-cell--meta dl
        {
            &.pairs.pairs--justified
            {
                float:left;
            }
        }

        .structItem-cell--latest
        {
            margin-bottom: 0px !important;
        }

        .structItem-cell--meta
        {   
            dt
            {
                font-size:0px;
            }

            dd
            {
                margin-left:18px;
                font-size: 12px;
                color: @xgt-konu-onemsiz-metin;
            }
        }

        .structItem-cell--meta .structItem-minor dt:before,
        .structItem-cell--meta dt:before
        {
            color: @xgt-konu-onemsiz-metin;
            font-family: 'Font Awesome 5 Pro';
            font-size: 12px;
            position: absolute;
            margin-left: 0px;
        }

        .structItem-cell--latest
        {
            margin-top: -34px;
        }

        .structItemContainer-group
        {
            &.js-threadList
            {
                margin-bottom: 8px;
            }
        }

        .structItem-cell--main
        {
            .structItem-extraInfo
            {
                float: left;
                margin-left: -8px;       
               
                .iconic
                {
                    position: absolute;
                    right: 10px;
                    top: 5px;
                }
            }
        }

        .structItem-cell
        {
            &.structItem-cell--icon
            {
                &.structItem-cell--iconEnd
                {
                    display: none;
                }
            }
        }

        .structItem-cell--meta
        {
            dt:before
            {
                content: @xgt-konu-goruntule-ikon;
            }
   
            .structItem-minor dt:before
            {
                content: @xgt-konu-yanit-ikon;
            }
        }       
    }
}
/********* [XGT] Eklentisiz konu listesi izgara gorunumu  ********/
Yazar
eTiKeT™
Görüntüleme
3.215
İlk yayınlama
Son güncelleme

Puanlar

5,00 yıldız 5 değerlendirme

eTiKeT™ ait diğer kaynakar

En son güncellenenler

  1. Geliştirme ve hata giderimi - 21.01.2021

    Geliştirme ve hata giderimi - 21.01.2021 Mobil için tamamen kapatıldı Kolay özelleştirmeniz için...

Son incelemeler

Eline sağlık
Emeklerine sağlık kardeşim
Eline sağlık hocam xenforo 2.1 dekiler için güzel
Elinize sağlık hocam ?
Eline sağlık kanka.

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