Announcement

Collapse
No announcement yet.

Make Forum Statistics Module Rock! (vBCloud compatible)

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Free Mod Make Forum Statistics Module Rock! (vBCloud compatible)

    Make your Forum Statistics Module rock like this:

    Click image for larger version  Name:	forum-statistics-min.png Views:	1 Size:	22.8 KB ID:	11409

    with these simple HTML and CSS changes. This mod is vBCloud compatible.

    1. Paste the below CSS code in css_additional template in AdminCP or in Sitebuilder > Style > CSS Editor. Repeat for every active style/theme your forum is using. This code is based off the vB5 Default Style. You may need to tweak some values to suit your theme.
    Code:
    /* Statistics Module - START */
    .widget-stat-item {
        display: inline-block;
        margin: 10px 10px 20px;
        width: 39%; /* adjust as needed, may need to increase/decrease it */
        box-sizing: border-box;
    }
    .widget-stat-number {
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        color: #001f68; /* adjust color as needed or remove if you want the default color */
    }
    .widget-stat-label {
        text-align: center;
    }
    .l-xsmall .widget-stat-item {
        width: 40%;
    }
    @media (max-width:320px) {
        .l-xsmall .widget-stat-item {
            width: 38%;
        }
    }
    /* Statistics Module - END */
    2. Edit the following phrases in the Phrase Manager in AdminCP > Language & Phrases. Put these changes in the "English (US) Translation" field.

    topics_x
    HTML Code:
    <div class="widget-stat-item">
        <div class="widget-stat-number">{1}</div>
        <div class="widget-stat-label">Topics</div>
    </div>
    posts_x
    HTML Code:
    <div class="widget-stat-item">
        <div class="widget-stat-number">{1}</div>
        <div class="widget-stat-label">Posts</div>
    </div>
    members_x
    HTML Code:
    <div class="widget-stat-item">
        <div class="widget-stat-number">{1}</div>
        <div class="widget-stat-label">Members</div>
    </div>
    active_members_x
    HTML Code:
    <div class="widget-stat-item">
        <div class="widget-stat-number">{1}</div>
        <div class="widget-stat-label">Active Members</div>
    </div>

    NOTE: If you want to hide a statistic (e.g. Active Members if your forum is just starting and you don't want users to see a low number), then insert the code style="display:none" in widget-stat-item div like below.
    HTML Code:
    <div class="widget-stat-item" style="display:none;">
        <div class="widget-stat-number">{1}</div>
        <div class="widget-stat-label">Active Members</div>
    </div>

    Demo:
    See the Forum Statistics module on homepage.

    This is a FREE mod. Please consider donating if you find this useful. Thank you!

    If you are not comfortable doing these changes on your forum and you want us to do it all for you, you could purchase a product installation service add-on below.

    Need help or not comfortable installing this mod? Purchase the installation service below:

    vBulletin One-Time Plugin Installation Service Add-On: $20
    Purchase this product add-on to get one-time professional installation of this mod from us.

    Buy Now Add to Cart View Cart
    Last edited by glennrocksvb; 02-11-2022, 10:03 AM.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    #2
    I did it
    This is a nice improvement over the first active users fix

    Thanks

    Comment


      #3
      Glad you liked it.
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


      • willie53
        willie53 commented
        Editing a comment
        Have a Coffee Break on me

      #4
      This says need to register or login to see code, I am registered and logged in ??

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Try again

      #5
      Originally posted by keyla31 View Post
      This says need to register or login to see code, I am registered and logged in ??
      Awesome, thank you so much!

      Comment


        #6
        thank you so much

        Comment


          #7
          Thanks.

          Comment


            #8
            Got an issue with this code, is a bit messed up, got active member under members ,

            Comment


              #9
              Hi.

              The modifications is a bit buggy when I do access from my iPad.
              The bug is with Active members.

              Thanks.

              Comment


                #10
                You have to be more specific what's wrong with Active Members on iPad with more details other than saying it's "buggy" and preferably posting with a screenshot. It's like going to the doctor saying "Doc, I'm not feeling well, what should I do?".
                Helpful? Donate. Thanks!
                Buy me a coffeePayPal QR Code
                Fast VPS Host for vBulletin:
                A2 Hosting & IONOS

                Comment


                  #11
                  Originally posted by glennrocksvb View Post
                  You have to be more specific what's wrong with Active Members on iPad with more details other than saying it's "buggy" and preferably posting with a screenshot. It's like going to the doctor saying "Doc, I'm not feeling well, what should I do?".
                  It's not responsible when you access forum from tablet.

                  Here is the picture:

                  Click image for larger version

Name:	Untitled-1.png
Views:	268
Size:	25.5 KB
ID:	15974

                  Comment


                    #12
                    I will think of a fix for this.
                    Helpful? Donate. Thanks!
                    Buy me a coffeePayPal QR Code
                    Fast VPS Host for vBulletin:
                    A2 Hosting & IONOS

                    Comment


                      #13
                      Looking forward for updates.

                      Comment


                        #14
                        Actually, I have a note in the code that says to adjust the percentage value.

                        Code:
                        width: 39%;[COLOR=#FF0000] /* adjust as needed, may need to increase/decrease it */[/COLOR]
                        Different sites have different layouts and dimensions. So you'll have to adjust it accordingly.
                        Helpful? Donate. Thanks!
                        Buy me a coffeePayPal QR Code
                        Fast VPS Host for vBulletin:
                        A2 Hosting & IONOS

                        Comment


                          #15
                          I will test it tomorrow. The issue is only when I'm accessing the forum from ipad

                          Comment

                          Users Viewing This Page

                          Collapse

                          There is 1 user viewing this forum topic.

                          • Guest Guest

                          Latest Posts

                          Collapse

                          Working...
                          X
                          Searching...Please wait.
                          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                          Please push the back button and reload the previous window.'
                          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                          Please push the back button and reload the previous window.'
                          An internal error has occurred and the module cannot be displayed.
                          There are no results that meet this criteria.
                          Search Result for "|||"