[ تم الحل ] تزيين الاحصائيات

[عابر سبيل]

السلام عليكم
هل ممكن هذا الكود لتزيين الاحصائيات؟

 

[القناص]

سلام عندی کود لطریقة عرض مشابه



اذا حبیته :
ضع کود التحتي فی قالب extra.less

// xenforo.xyz//
.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;
                }
            }
        }
    }
}

 

[MesterPerfect]

يريت الرابط الذي أتيت بالشكل منه أخي

 

[عابر سبيل]

يريت الرابط الذي أتيت بالشكل منه أخي

هنا يا غالي

cPanel Forums

The cPanel Community Support Forums are most helpful to cPanel Server Administrators running cPanel Powered Servers looking to stay on top of the latest news, views, and tips for cPanel @ WHM software. Troubleshooting tips, Developer Forums, Feature Requests, and more.

forums.cpanel.net