Xenforo 2.2 eklentisiz ızgara görünümü nasıl yapılır

PaulWalker

🏅
Kıdemli Üye
Katılım
8 Ocak 2025
Konular
77
Mesajlar
82
Tepkime puanı
48
Konum
İstanbul
TL
220
Xenforo 2.2 sürümleri için Kategori bloklarınıza eklentisiz grid (ızgara) görünümü vermek istediğiniz temanızın extra.less şablonuna aşağıdaki kodları ekleyip kaydedin. Elbette renkleri tema renginize göre düzenlemelisiniz.

Kod:
.block--category{
    @media (min-width: 1100px){
    @supports(display: grid){
.block-body{
    display:grid;
    grid-template-columns:50% 50%;
}
        
.block-container {
    background-color: #ffffff00;
    border:none;
}
.node-body{
  display:flex;
  flex-wrap: wrap;
  border-right: 1px solid #dedede;
  position:relative;
  height: 100%;
  padding:5px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  border-top-color: #dfdfdf;
  border-right-color: #d8d8d8;
  border-bottom-color: #cbcbcb;
  border-left-color: #d8d8d8;
}
.node{margin: 2px 2px 2px 2px;}
.node-icon{width:12%; padding-top:3px;}
.node-main{width:87%;} .node-stats{width:110px;}
.node-extra{
  position:absolute;
  right:0px;
  bottom:0px;
  padding: 10px 10px 13px 0px;
            }
        }
    }
}
 
Üst Alt