YARDIM Kutu şeklinde forum istatistikleri

Dikkat
Forumumuzda Türk yazılım geliştiricilerinin ürettikleri içerikleri paylaşmak yasaktır.
Bu tür eklenti, tema, şablon düzenlemeleri ile ilgili değişiklikler için paylaşım yapmadan önce forum yönetiminden izin almalısınız.
Konu Sahibi
badge-2
ALemci44

ALemci44

User
Katılım
10 Ara 2025
Konular
8
Mesajlar
37
Çözümler
1
Tepkime puanı
16
MERHABALAR FORUMUN ALTINDA KUTU ŞEKLİNDE FORUM İSTATİSTİKLERİ NASIL EKLERİM ACABA ?
 
"widget_forum_statistics" şablonunu bulun ve içindekileri aşağıdaki ile değiştirin;


Kod: 
<xf:css src="istatistik.less" />
<div class="ist-anaalan"{{ widget_data($widget) }}>
        <div class="ist-kutu">
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
            <div class="fa-icon  fa-renk1"><i class="fad fa-comment-lines"></i></div>
                    <span class="ist-bilgi">{{ phrase('threads') }}</span>
            <p class="sayi">{$forumStatistics.threads|number}</p>
                </div>   
            </div>   
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
                    <div class="fa-icon fa-renk2"><i class="fad fa-comments"></i></div>             
                    <span class="ist-bilgi">{{ phrase('messages') }}</span>
            <p class="sayi">{$forumStatistics.messages|number}</p>                                 
                </div>
            </div>         
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
                    <div class="fa-icon fa-renk3"><i class="fad fa-users"></i></div>
                    <span class="ist-bilgi">{{ phrase('members') }}</span>
                    <p class="sayi">{$forumStatistics.users|number}</p>         
                </div>
            </div>     
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
                    <div class="fa-icon  fa-renk4"><i class="fad fa-users-medical"></i></div> 
                    <span class="ist-bilgi">{{ phrase('latest_member') }}</span>             
                    <p><xf:username user="{$forumStatistics.latestUser}" /></p>             
                </div>         
             </div>     
        </div>
    </div>


"istatistik.less" şablonu oluşturun ve içine ekleyip kaydedin;

Kod: 
.ist-anaalan {
    margin-top: 20px;
}
.ist-kutu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ist-ic {
    flex:25%;
}
.ist-detay {
    background-color: #dedede;
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.29);
    padding: 5px 20px 5px 5px;
    text-align: center;
    border-radius: 50px;
}
.fa-renk1 {
    background-color: #22a720;
    color: #c9c9c9;
}
.fa-renk2 {
    background-color: #204492;
    color: #c9c9c9;
}
.fa-renk3 {
    background-color: #a2b509;
    color: #c9c9c9;
}
.fa-renk4 {
    background-color: #f2930d;
    color: #c9c9c9;
}
.fa-icon {
    font-size: 30px;
    width: 50px;
    height: 50px;
    float: left;
    line-height: 50px;
    border-radius: 50px;
}
.ist-detay p {
    color: #272727;
    font-weight: 600;
    font-size: 20px;
    text-align: right;
    padding: 0;
    margin: 0;
}
.ist-anaalan .ist-kutu .ist-detay span {


    color: #a02828;
    text-align: right;
    display: block;
}
@media (min-width: 900px){
.ist-anaalan .ist-kutu .ist-ic-bosluk:first-of-type,
.ist-anaalan .ist-kutu .ist-ic-bosluk:nth-child(2),
.ist-anaalan .ist-kutu .ist-ic-bosluk:nth-child(3)
    {padding-right: 5px;}}
@media (max-width: 900px){
.ist-anaalan .ist-kutu .ist-ic-bosluk:first-of-type,
.ist-anaalan .ist-kutu
.ist-ic-bosluk:nth-child(3) {
    padding-right: 5px;
}}
@media (max-width: 900px){
.ist-anaalan .ist-kutu .ist-ic  {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
}}



Footer_istatistik adında bir widget oluşturun ve forumların altında olarak konumlandırın
 
Konu Sahibi
XenConsept' Alıntı:
"widget_forum_statistics" şablonunu bulun ve içindekileri aşağıdaki ile değiştirin;


Kod: 
<xf:css src="istatistik.less" />
<div class="ist-anaalan"{{ widget_data($widget) }}>
        <div class="ist-kutu">
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
            <div class="fa-icon  fa-renk1"><i class="fad fa-comment-lines"></i></div>
                    <span class="ist-bilgi">{{ phrase('threads') }}</span>
            <p class="sayi">{$forumStatistics.threads|number}</p>
                </div>  
            </div>  
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
                    <div class="fa-icon fa-renk2"><i class="fad fa-comments"></i></div>            
                    <span class="ist-bilgi">{{ phrase('messages') }}</span>
            <p class="sayi">{$forumStatistics.messages|number}</p>                                
                </div>
            </div>        
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
                    <div class="fa-icon fa-renk3"><i class="fad fa-users"></i></div>
                    <span class="ist-bilgi">{{ phrase('members') }}</span>
                    <p class="sayi">{$forumStatistics.users|number}</p>        
                </div>
            </div>    
            <div class="ist-ic ist-ic-bosluk">
                <div class="ist-detay">
                    <div class="fa-icon  fa-renk4"><i class="fad fa-users-medical"></i></div>
                    <span class="ist-bilgi">{{ phrase('latest_member') }}</span>            
                    <p><xf:username user="{$forumStatistics.latestUser}" /></p>            
                </div>        
             </div>    
        </div>
    </div>


"istatistik.less" şablonu oluşturun ve içine ekleyip kaydedin;

Kod: 
.ist-anaalan {
    margin-top: 20px;
}
.ist-kutu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ist-ic {
    flex:25%;
}
.ist-detay {
    background-color: #dedede;
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.29);
    padding: 5px 20px 5px 5px;
    text-align: center;
    border-radius: 50px;
}
.fa-renk1 {
    background-color: #22a720;
    color: #c9c9c9;
}
.fa-renk2 {
    background-color: #204492;
    color: #c9c9c9;
}
.fa-renk3 {
    background-color: #a2b509;
    color: #c9c9c9;
}
.fa-renk4 {
    background-color: #f2930d;
    color: #c9c9c9;
}
.fa-icon {
    font-size: 30px;
    width: 50px;
    height: 50px;
    float: left;
    line-height: 50px;
    border-radius: 50px;
}
.ist-detay p {
    color: #272727;
    font-weight: 600;
    font-size: 20px;
    text-align: right;
    padding: 0;
    margin: 0;
}
.ist-anaalan .ist-kutu .ist-detay span {


    color: #a02828;
    text-align: right;
    display: block;
}
@media (min-width: 900px){
.ist-anaalan .ist-kutu .ist-ic-bosluk:first-of-type,
.ist-anaalan .ist-kutu .ist-ic-bosluk:nth-child(2),
.ist-anaalan .ist-kutu .ist-ic-bosluk:nth-child(3)
    {padding-right: 5px;}}
@media (max-width: 900px){
.ist-anaalan .ist-kutu .ist-ic-bosluk:first-of-type,
.ist-anaalan .ist-kutu
.ist-ic-bosluk:nth-child(3) {
    padding-right: 5px;
}}
@media (max-width: 900px){
.ist-anaalan .ist-kutu .ist-ic  {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
}}



Footer_istatistik adında bir widget oluşturun ve forumların altında olarak konumlandırın
Genişletmek için tıkla ...
Teşekkür ederim sağolun yaptım fakat kutucuklar görünmüyor. Şuan iphone mobil den yapıyorum
 
Görünüşe göre css dosyanızı görmüyor, admin panel > görünüm ve diller > şablonlar alanına gelip;

yeni şablon oluştur "istatistik.less" başlığı ile verdiğim less kodunu eklediniz mi
 
Önemli : Iphone kopyalama sırasında, ara bellekte belirli sayıda karakter tutar. Kopyaladığınız şablon kodunun tamamını aldığından emin olun.
 
Cevap yazmak için giriş yap yada kayıt ol.

Benzer Konular

H a z
YARDIM Xenforo Tabanlı Forum İçin VDS Önerisi
Cevaplar
1
Görüntüleme
593
Ekselans
E
DonCapo
  • Çözüldü
YARDIM your logo at the left side of your forum
Cevaplar
4
Görüntüleme
1K
DonCapo
DonCapo
XenConsept
EKLENTİ [SVG] Forum Logo 2.1.7.1
Cevaplar
0
Görüntüleme
266
XenConsept
XenConsept
ALemci44
  • Çözüldü
YARDIM Forum sayfası üst bölümü
Cevaplar
1
Görüntüleme
185
XenConsept
XenConsept
Emre K..
  • Çözüldü
YARDIM forum katagori resim ekleme
Cevaplar
2
Görüntüleme
495
Emre K..
Emre K..
ALemci44
  • Çözüldü
YARDIM Forum Listesi yazısını nasıl kaldırırım
Cevaplar
17
Görüntüleme
2K
ALemci44
ALemci44
XenConsept
EKLENTİ Forum Copilot - OpenAI ChatGPT 1.0.1
Cevaplar
0
Görüntüleme
265
XenConsept
XenConsept
XenConsept
REHBER Xenforo forum siteme nasıl daha çok ziyaretçi çekebilirim
Cevaplar
0
Görüntüleme
345
XenConsept
XenConsept
Geri
Üst Alt
TR
EN
VI
AR
RU