Edit here: Style Properties -> Header and navigation

Nasıl Yapılır Xenforo Tasarımlı İstatistik Widget

Nasıl Yapılır
Staff
Katılım14 May 2022
Mesajlar1,405
Çözümler50
T. puanı1,777
Konum Almanya
CF-Coin 8,573
bayram#3463
905529374247
11803-1b4a25179772b3c208ce91e2068ace36.png

Görünüm ve Diller / Widget Yöneticisi / Forum İstatistikleri alanına gelip, Forum Listesi: "Forumların Altında" seçiniz.

CSS:
.block[data-widget-key="forum_overview_forum_statistics"] {
    
    .block-minorHeader {
        display: none;
    }
    
    .block-body.block-row {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        
        &:before {
            display: none;
        }
        
        .pairs.pairs--justified {
            padding: 15px 12px;
            border-right: 1px solid @xf-borderColor;
            
            &:before {
                .m-faBase();
                 font-size: 37px;
                color: @xf-textColorFeature;
                float: left;
            }
            
            &:nth-child(1) {
                .m-faBefore(@fa-var-comment-alt);
            }

            &:nth-child(2) {
                .m-faBefore(@fa-var-comments-alt);
            }

            &:nth-child(3) {
                .m-faBefore(@fa-var-users);
            }
    
            &:nth-child(4) {
                .m-faBefore(@fa-var-user);
                border-right: none;
            }
            
            & > dt {
                float: unset;
                margin-right: 0;
                text-align: right;
                
                &:after {
                    content: "";
                }
            }
            
            & > dd {
                font-weight: 500;
                font-size: 20px;
            }
        }
    }
}
@media (max-width: @xf-responsiveMedium) {
    
    .block[data-widget-key="forum_overview_forum_statistics"] {
    
        .block-body.block-row {
            grid-template-columns: 50% 50%;
        
            .pairs.pairs--justified {
                text-align: center;
            
                &:before {
                    float: unset;
                    display: block;
                }

                &:nth-child(1) {
                    border-bottom: 1px solid @xf-borderColor;
                }

                &:nth-child(2) {
                    border-bottom: 1px solid @xf-borderColor;
                    border-right: none;
                }
            
                &:nth-child(3) {
                }

                &:nth-child(4) {
                    border-right: none;
                }
            
                & > dt {
                    text-align: center;
                }
            
                & > dd {
                    text-align: center;
                    float: unset;
                }
            }
        }
    }   
}
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Üst
AdBlock Algılandı

Anlıyoruz, reklamlar can sıkıcı!

Tabii ki, reklam engelleme yazılımı, reklamları engellemede harika bir iş çıkarır, ancak aynı zamanda web sitemizin faydalı özelliklerini de engeller. En iyi site deneyimi için lütfen AdBlocker'ınızı devre dışı bırakın.

AdBlock'u Devre Dışı Bıraktım