Neler yeni

XenForo 2 xenForo 2 SouLW3Style Forum İstatistiği

SouLW3

xFanatik
xF 2 kullanıcı
#1
Kendime göre bir forum istediği oluşturdum ve adına SouLW3Style verdim :) Beğenen arkadaşlar kullanabilirler,
Herhangi bir eklenti vs yoktur sadece css düzenlemesi ile yapıldı...

İstatistikten görünüm konunun en altında ekte verdim.

Yapım:
1- Admin panelinden widget yöneticisine giriş yapın.
2- Widget ekle diyin,Yeni Mesajları seçin ve ;
  • Widget kimliği-ID: mesaj_yeni yapın.
  • Bu pozisyonlarda göster: Forum görüntülenirken: Üstünde (sıralama pozisyonu 1 yapın)
  • Gösterilecek içerik sayısı: 6
  • Görütüleme sitili: Sade
  • Filtreleme: Son

3- Widget ekle diyin: Yeni konuları seçin ayarları yukarıda ki gibi yapın sadece sıralama pozisyonu 2 yapın.
4- Widget ekle diyin: Üye istatistikleri seçin ayarları yukarıda ki gibi yapın sadece sıralama pozisyonu 3 yapın.

Buraya kadar her şeyi yaptıysanız extra.less dosyasını açarak en alta şu kodları ekleyin ve kayıt edin..

CSS:
ructItem-minor dt,
    .u-dt[title] { display: none; }
    .contentRow-minor { display: none; }
.block-header { font-size: 14px; }
    .block-minorHeader { font-size: 14px; background:#232323; color:#fff; }
    width: 100%;
    max-width: 461px;
display: inline-block;
position: relative;
top: -4px;

}


.block[data-widget-key="pre_yeni"]{
     .structItem-minor .structItem-parts,
    .structItem-pageJump,
    .structItem-statuses .structItem-status,
    .structItem-minor .structItem-extraInfoMinor,
    .structItem-cell .structItem-minor dd,
    .structItem-cell .structItem-minor dt,
    .u-dt[title] { display: none; }
    .contentRow-minor { display: none; }
.block-header { font-size: 14px; }
    .block-minorHeader { font-size: 14px; background:#232323; color:#fff; }
    width: 100%;
    max-width: 460px;
display: inline-block;
position: relative;
top: -4px;

}


.block[data-widget-key="uye_ist"]{
    display: inline-block;
    max-width: 250px;
    width: 100%;
    .block-header { font-size: 14px; }
    .block-minorHeader { font-size: 14px; background:#232323; color:#fff; }
    .contentRow.contentRow--alignMiddle { margin: -4px -0px;  }
    }

@media screen and (max-width:1218px) ,screen and (max-device-width:1218px) {

  .block[data-widget-key="uye_ist"]{display:none;}
.block[data-widget-key="mesaj_yeni"]{width: 100%; max-width: 100%}
.block[data-widget-key="pre_yeni"]{width: 100%; max-width: 100%}
}
 

Ekli dosyalar

Son düzenleme: