Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Kaynak ikonu

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

Genel bakış Güncellemeler (1) İncelemeler (5) Forum konusu
Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.
eTiKeT™

eTiKeT™

value="{XGT}"
Yönetici
XGT Master
SMS onaylı
Katılım
4 Ara 2016
Mesajlar
9,058
Çözümler
1,034
eTiKeT™ Kullanıcımız yeni bir kaynak oluşturdu:

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

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

Ekli dosyayı görüntüle 14815


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

CSS: 
/********* Css Grid Code Start ********/
.structItem-title
{
    text-overflow: ellipsis !important;
    max-width: 50ch;
    white-space: nowrap;
    overflow: hidden;
}
.structItem--thread
{...
Genişletmek için tıkla ...

Bu kaynak hakkında daha fazla bilgi ...
 
Eline sağlık hocam, fakat konuşma listesini bozuyor, https://prnt.sc/xb5m4a bide mobil görünümde eski tarzında kalmasını nasıl sağlayabiliriz? bir türlü mobil görünümde eski görünüme döndüremedim, bunu hem mobilde kapatmak hemde konuşma listesinde devredışı yapmak için napabiliriz? sadece konu listesi böyle olsun yani.
 
Tamam bu yönde geliştirip iyileştirelim bunu ;)
 
Tanner' Alıntı:
Hocam

Hocam mobilde istatistiğe de etki ediyor, sürümüm 2.1.9, eklenti olarak değil de kod olarak bekliyorum inşALLAH.
Genişletmek için tıkla ...
Şunu test edermsiniz, sorun yok ise güncelleyelim;
Mobil için tamamen kapatıldı, sabit konular normal görünüm verildi, sadece konu listesi olarak düzenlendi ve kolay özelleştirmeniz için kısa özelleştirme alanları eklendi.

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)
    {
        .js-threadList
        {
                  
            .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  ********/
 
  • Beğen
Tepkiler: Sis
eTiKeT™' Alıntı:
Şunu test edermsiniz, sorun yok ise güncelleyelim;
Mobil için tamamen kapatıldı, sabit konular normal görünüm verildi, sadece konu listesi olarak düzenlendi ve kolay özelleştirmeniz için kısa özelleştirme alanları eklendi.

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)
    {
        .js-threadList
        {
                 
            .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  ********/
Genişletmek için tıkla ...

Deneme amaçlı ekleyim dedim nasıl duracak diye, bana mısın demedi hiç bi değişiklik olmadı yani hocam :)
 
eTiKeT™' Alıntı:
Şunu test edermsiniz, sorun yok ise güncelleyelim;
Mobil için tamamen kapatıldı, sabit konular normal görünüm verildi, sadece konu listesi olarak düzenlendi ve kolay özelleştirmeniz için kısa özelleştirme alanları eklendi.

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)
    {
        .js-threadList
        {
                 
            .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  ********/
Genişletmek için tıkla ...
Hocam şuan mobilim, test edemedim, ama sabit konularda çift olsa güzel olurdu.
 
Konu listesi sayısını nereden ayarlıyorduk kurcaladım bulamadım.
 
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol