![[XenGenTr] Forum istatistik 📊 sistemi V4](/data/resource_icons/1/1216.jpg?1752086250){kind=icon}
Önce bunu kurun XF 2.3 Eklenti - [XenGenTr] Core Library
<xf:comment>
//--- [XenGenTr] Forum istatistik 📊 sistemi V4
//--- 08.07.2018 <-> 13.05.2024 eTiKeT™
//--- XGT yazılım ve web hizmetleri 2014-2024
</xf:comment>
//-- istatistik - Global sutun boyutlari
@xgtFrmIstatistik-sira : 25px;
@xgtFrmIstatistik-avatar : 33px;
@xgtFrmIstatistik-konu : 100%;
@xgtFrmIstatistik-forum : 100px;
@xgtFrmIstatistik-cevap : 90px;
@xgtFrmIstatistik-goruntuleme: 110px;
@xgtFrmIstatistik-zaman : 90px;
@xgtFrmIstatistik-sonYazan : 90px;
//-- Global LESS yapısı
body .xgtForumIstatistik {counter-reset: steps !important;}
html .xgtForumIstatistik ._xgtIstatistik--blok
{
&::-webkit-scrollbar-thumb
{
background: @xf-textColor;
border-radius: 4px;
}
&::-moz-scrollbar-track
{
background: @xf-textColor;
border-radius: 4px;
}
}
html .xgtForumIstatistik ._xgtIstatistik--blok
{
<xf:if is="property('xgt_Frmistatistik_srollbar') == 'gizle'">
scrollbar-width: none;
&::-webkit-scrollbar { width: 0px;}
&::-moz-scrollbar { width: 0px;}
<xf:elseif is="property('xgt_Frmistatistik_srollbar') == 'goster'" />
scrollbar-width: thin;
&::-webkit-scrollbar{ width: 1px;}
&::-moz-scrollbar { width: 1px;}
</xf:if>
}
<xf:if is="property('xgt_Frmistatistik_srollbar') == 'gizlegoster'">
html .xgtForumIstatistik ._xgtIstatistik--blok
{
scrollbar-width: none;
&::-webkit-scrollbar{ width: 0px;}
&::-moz-scrollbar { width: 0px;}
&:hover
{
scrollbar-width: thin;
&::-webkit-scrollbar{ width: 1px;}
&::-moz-scrollbar { width: 1px;}
}
}
</xf:if>
.xgtForumIstatistik
{
&-row
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
&--sag-s,
&--sol-s
{
<xf:if is="property('xgt_Frmistatistik_kullanici_veri_konum') == 'solda'">
flex: 0 0 20%;
max-width: 20%;
<xf:else />
flex: 0 0 19.7%;
max-width: 19.7%;
margin-left: 0.3%;
</xf:if>
}
&--l
{
<xf:if is="property('xgt_Frmistatistik_kullanici_veri_konum') == 'sagda'">
flex: 0 0 80%;
max-width: 80%;
<xf:else />
flex: 0 0 79.7%;
max-width: 79.7%;
margin-left: 0.3%;
</xf:if>
}
&--xl
{
flex: 0 0 100%;
max-width: 100%;
}
}
._xgtIstatistik--blok
{
max-height: @xf-xgt_Frmistatistik_maxYukseklik;
overflow-y: auto;
border-radius: 0px 0px @xf-borderRadiusMedium @xf-borderRadiusMedium;
.m-transition(all, -xf-height;);
&.is-active
{
overflow: hidden;
height: 0;
opacity: 0;
.m-transition(all, -xf-height;);
}
}
.collapseTrigger
{
opacity: 0.5;
transition: opacity 0.3s;
margin-right: 5px;
font-size: 22px;
&:before{ .m-faContent(@fa-var-solid-caret-right);}
&.is-active:before
{
.m-faContent(@fa-var-solid-caret-down);
transform: scale(-1, 1);
}
}
.xgtForumIstatistik-tabHeader.block-tabHeader
{
background: @xf-xgt_Frmistatistik_tab_ap;
color: @xf-xgt_Frmistatistik_tab_metin;
border-bottom: none;
.tabs-tab
{
border-right: solid 1px @xf-xgt_Frmistatistik_tab_yan_sinir_renk;
font-size: @xf-xgt_Frmistatistik_tab_metin_boyut;
position: relative;
&:not(.is-readonly):hover,
&:hover
{
background: @xf-xgt_Frmistatistik_aktif_tab_ap;
color: @xf-xgt_Frmistatistik_aktif_tab_metin;
}
&.is-active
{
background: @xf-xgt_Frmistatistik_aktif_tab_ap;
color: @xf-xgt_Frmistatistik_aktif_tab_metin;
border-color: @xf-xgt_Frmistatistik_aktif_tab_sinir_renk;
border-right: solid 1px @xf-xgt_Frmistatistik_tab_yan_sinir_renk;
&::after
{
color: @xf-xgt_Frmistatistik_aktif_tab_sinir_renk;
display: inline-block;
bottom: -6px; left: 0; right: 0;
margin: auto;
position: absolute;
.m-faContent(@fa-var-solid-caret-up);
}
}
//--- Kullanıcı alan tab ozelliklerini gizle
&._userTabs
{
border-right: none;
&:hover,
&:not(.is-readonly):hover
{
background: none;
color: inherit;
cursor: text;
}
}
}
}
._xgtIstatistik-konuListe
{
padding: 0;
margin: 0;
list-style: none;
}
&-tabHeader
{
position: relative;
border-radius:@xf-borderRadiusMedium @xf-borderRadiusMedium 0px 0px;
margin-bottom: 0;
._collapseButton
{
position: absolute;
right: 0;
top: 0;
}
}
._xgtIstatistik-satir
{
display: table;
font-size: @xf-xgt_Frmistatistik_metin_boyutu;
table-layout: fixed;
list-style: none;
margin: 0;
width: 100%;
<xf:if is="property('xgt_Frmistatistik_sinir_altSinirlar_etkin')">
border-bottom: solid 1px @xf-xgt_Frmistatistik_sinir_renk;
</xf:if>
//-- 2 1. row ap renk
&:nth-child(1n)
{
background: @xf-xgt_Frmistatistik_icerik_satir1;
<xf:if is="!property('xgt_Frmistatistik_sinir_altSinirlar_etkin')">
border-bottom: solid 1px @xf-xgt_Frmistatistik_icerik_satir1;
</xf:if>
}
//-- XF 2.2. row ap renk
&:nth-child(2n)
{
background: @xf-xgt_Frmistatistik_icerik_satir2;
<xf:if is="!property('xgt_Frmistatistik_sinir_altSinirlar_etkin')">
border-bottom: solid 1px @xf-xgt_Frmistatistik_icerik_satir2;
</xf:if>
}
&--hucre
{
display: table-cell;
padding: @xf-xgt_Frmistatistik_icerik_satir_yukseklik 1px;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: top;
white-space: nowrap;
}
&--sira
{
width: @xgtFrmIstatistik-sira;
max-width: @xgtFrmIstatistik-sira;
text-align: center;
&._sayisal
{
background: @xf-xgt_Frmistatistik_sira_ap;
color: @xf-xgt_Frmistatistik_sira_metin;
&::before
{
counter-increment: steps;
content: "" counter(steps) "";
}
}
}
&--avatar
{
<xf:if is="property('xgt_Frmistatistik_sira_numarasi')">
width: @xgtFrmIstatistik-avatar;
max-width: @xgtFrmIstatistik-avatar;
<xf:else />
width: calc(@xgtFrmIstatistik-avatar + 5px);
max-width: calc(@xgtFrmIstatistik-avatar + 5px);
</xf:if>
position: relative;
text-align: center;
//-- Cevrim ici, Dışı tasarımı
&-offline,
&-online
{
border: solid 1px #fff;
border-radius: 50px 50px 0px 50px;
display: inline-block;
width: 11px; height: 11px;
position: absolute;
content: '';
<xf:if is="property('xgt_Frmistatistik_sira_numarasi')">
left: 0;
<xf:else />
left: 2px;
</xf:if>
}
&-online {background: #669933;}
&-offline {background: #e03030;}
.avatar
{
font-size: @xf-xgt_Frmistatistik_metin_boyutu;
&.avatar--s
{
width: 25px; height: 25px;
font-size: @xf-xgt_Frmistatistik_metin_boyutu;
margin-top: -2px;
}
}
._istatistikHucre_avatar
{
font-size: @xf-xgt_Frmistatistik_metin_boyutu;
position: absolute;
width: 16px;height: 16px;
right: 0; bottom: 0;
}
}
&--konu
{
width: @xgtFrmIstatistik-konu;
max-width: @xgtFrmIstatistik-konu;
position: relative;
padding-top: 5px;
//-- Okunmamis mesaj metin kalinlik
&._yeniIcerik{ font-weight: 700; }
//-- Google butonu
._googleButon
{
background: #4285f4;
color: #fff;
display: inline-block;
font-size: (@xf-xgt_Frmistatistik_metin_boyutu)-2px;
padding: 0px 3px 1px 3px;
border-radius: 5px;
margin: 0 0 0 2px;
}
}
&--forum
{
<xf:if is="property('xgt_Frmistatistik_kullanici_verisi')">
width: @xgtFrmIstatistik-forum;
max-width:@xgtFrmIstatistik-forum;
<xf:else />
width: calc(@xgtFrmIstatistik-forum + 100px);
max-width:calc(@xgtFrmIstatistik-forum + 100px);
</xf:if>
//-- Icerik bilgi ikonları
._icerikIkonu
{
color: #979797;
display: inline-block;
margin-right: 3px;
&--cozuldu {color: @xf-xgt_Frmistatistik_cozumIkon_renk;}
&--soru {color: @xf-xgt_Frmistatistik_soruIkon_renk;}
&--konu {color: @xf-xgt_Frmistatistik_konuIkon_renk;}
&--makale {color: @xf-xgt_Frmistatistik_makaleIkon_renk;}
&--anket {color: @xf-xgt_Frmistatistik_anketIkon_renk;}
&--kaynak {color: @xf-xgt_Frmistatistik_kaynakIkon_renk;}
}
}
&--cevap
{
width:@xgtFrmIstatistik-cevap;
max-width:@xgtFrmIstatistik-cevap;
}
&--goruntuleme
{
width:@xgtFrmIstatistik-goruntuleme;
max-width:@xgtFrmIstatistik-goruntuleme;
}
&--zaman
{
<xf:if is="property('xgt_Frmistatistik_kullanici_verisi')">
width: @xgtFrmIstatistik-zaman;
max-width: @xgtFrmIstatistik-zaman;
<xf:else />
width:calc(@xgtFrmIstatistik-zaman + 20px);
max-width: calc(@xgtFrmIstatistik-zaman + 20px);
</xf:if>
}
&--sonYazan
{
padding-left: 5px;
<xf:if is="property('xgt_Frmistatistik_kullanici_verisi')">
width: @xgtFrmIstatistik-sonYazan;
max-width: @xgtFrmIstatistik-sonYazan;
<xf:else />
width: calc(@xgtFrmIstatistik-sonYazan + 20px);
max-width: calc(@xgtFrmIstatistik-sonYazan + 20px);
</xf:if>
}
&--derece
{
width: calc(@xgtFrmIstatistik-cevap + @xgtFrmIstatistik-goruntuleme);
max-width:calc(@xgtFrmIstatistik-cevap + @xgtFrmIstatistik-goruntuleme);
}
&--sira, &--cevap, &--goruntuleme
{
color: @xf-xgt_Frmistatistik_sayisal_veriler;
cursor: help;
}
&--cevap, &--goruntuleme, &--zaman, &--derece {text-align: center;}
&--forum, &--cevap, &--goruntuleme, &--zaman, &--sonYazan, &--derece
{
padding-left: 4px;
padding-right: 2px;
<xf:if is="property('xgt_Frmistatistik_sinir_yanSinirlar_etkin')">
border-left:solid 1px @xf-xgt_Frmistatistik_sinir_renk;
</xf:if>
<xf:if is="property('xgt_Frmistatistik_altHeader_metinAlani') == 'ikon'">
text-align: center;
</xf:if>
}
//-- Mini header
&._xgtIstatistik_miniHeader
{
background: @xf-xgt_Frmistatistik_altHeader_ap;
color: @xf-xgt_Frmistatistik_altHeader_metin;
border-bottom:none;
//i { margin-right: 5px; }
._xgtIstatistik-satir
{
&--sira, &--forum, &--cevap, &--goruntuleme, &--zaman, &--sonYazan, &--derece
{
color: @xf-xgt_Frmistatistik_altHeader_metin;
border-left: none;
text-align: center;
}
&--konu { padding-left:5px; }
&--hucre i { margin: 0 5px 0 0;}
}
}
}
//---- Istatistik yukleniyor ikon
._istatistikYukleniyor
{
font-size: 100px;
text-align: center;
color: @xf-xgt_Frmistatistik_aktif_tab_sinir_renk;
height: 100%; width: 100%;
display: inline-block;
margin-top:100px;
}
//-- Çözünürlük sınırları
@media (max-width: @xf-responsiveWide)
{
.xgtForumIstatistik-row--sol-s,
.xgtForumIstatistik-row--sag-s {display:none;}
.xgtForumIstatistik-row--l{
flex: 100%;
max-width: 100%;
}
}
@media (max-width: 800px){
._xgtIstatistik-satir--zaman,
.collapseTrigger,
._xgtIstatistik-satir--sira {display:none;}
}
@media (max-width: 700px){
._xgtIstatistik-satir--cevap,
._xgtIstatistik-satir--goruntuleme {display:none;}
}
@media (max-width: 600px){
._xgtIstatistik-satir--sonYazan {display:none;}
}
@media (max-width: 500px){
._xgtIstatistik-satir--sabitKonu,
._xgtIstatistik-satir--forum {display:none;}
}
.hScroller-action.hScroller-action--end { z-index: 9; }
}@Gsmfrm hocam şablonlarda arama yapınca çıkmıyor, nasıl bulabiliriz "xgt_forum_istatistik.less" i
Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.
Tam ekran ve dar ekran modları arasında geçiş yapın.
Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.
Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.
Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.
Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.
Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.
Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.
Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.
