FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Online Users on Toolbar

Online Users on Toolbar

+3
Joost
Cryptic
Niko
7 posters
Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3614
      Points : 129487
    Online Users on Toolbar


    Overview

    Description

    Display the count of online users in the toolbar and the ability to show the logged-in users list by clicking on it.

    Demonstration

    Online Users on Toolbar 9MdUgVFOnline Users on Toolbar Oee0z7B

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › Requires to be the Founder of the #Forumotion Forum
    › It only works with PhpBB2 Forumotion forums' versions

    Installation


    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP) Display CSS & Colors CSS Style Sheet and add append the following code:

    You need to reply to the topic in order to see the code resources



    Javascript & jQuery

    For the next step you need to go towards Administration Control Panel (ACP) Modules HTML & Javascript Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

    • Title: free choice - does not influence the code effect
    • Where: All pages
    • Code:

      You need to reply to the topic in order to see the code resources



    HTML Content & Templates Modification

    For the last step you need to go towards Administration Control Panel (ACP) Display Templates General - overall_header and modify its content:

    Find this snippet:

    Add this code right before it:

    Then go to the position of the same templates in the ACP, choose General - index_body and modify its content:

    Find this snippet:

    Replace with:


    Notes

    Approved byNiko
    Approved on January 28th, 2023
    Tested on Most recent browsers
    Difficulty level  / 
    Source Devaon

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Valid
    Cryptic


    • 10th Anniversary (Grand Re-open)
      Thanks for being part of our grand re-opening
      Merry Christmas 2022
      Thanks for having been with us during Christmas season!
      Members true love
      You have received more than 15 likes on your posts. Seems our members really like you!
      Community newbie
      Belongs to the community for at least two years
      Passioned user
      You have participated in 50+ different topics, a true fan!
      Active Contributor
      The user has wrote more than 100 posts and comments
        Posts : 107
        Points : 30108
      Cool tutorial! Thank you!

      Valid
      Joost
      • Iperactive

        Community veteran
        You belong to this community since its ancient time
        Forumotion expert
        This user is an expert with Forumotion free forum hosting
        Active Contributor
        The user has wrote more than 100 posts and comments
        Post lover
        You have liked more than 50 posts!
        Forum Writer
        You have opened more than 20 topics on the forum
        Members true love
        You have received more than 15 likes on your posts. Seems our members really like you!
        Passioned user
        You have participated in 50+ different topics, a true fan!
          Posts : 331
          Points : 92462
        Great thank you

        Valid
        YoshiGM
        • Forum Administrator

          Community veteran
          You belong to this community since its ancient time
          Active Contributor
          The user has wrote more than 100 posts and comments
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Team contributor
          You have been part of the community team
          Forumotion expert
          This user is an expert with Forumotion free forum hosting
          10th Anniversary (Grand Re-open)
          Thanks for being part of our grand re-opening
          Friendly user
          You have added many community members as friends!
          Beta Tester
          You have been part of the Beta-Testing team
          Merry Christmas 2022
          Thanks for having been with us during Christmas season!
          Forum Writer
          You have opened more than 20 topics on the forum
          Members Guru
          You have received more than 50 likes on your posts. Our members really what you have to say!
          Post lover
          You have liked more than 50 posts!
          Forum Partner
          This member is founder of a community affiliated with FMCodes!
            Posts : 595
            Points : 99312
          I saw this in the skouliki's forum and always wondered how she added to the forum.

          Thanks niko ^^




          Online Users on Toolbar Yoshig10

          Hey Guest, Welcome to FMCodes.  Hello
          Don't forget to read the General Rules
          • Want to improve your forum? Take a look of the Coding Community section.
          • Need any new design, promote your forum or any related? You can use our Forum Services

          Helping those who need it is not only part of duty, but of happiness.

          No Support via PM!
          Valid
          sivastar


          • Community veteran
            You belong to this community since its ancient time
            Active poster
            The user has wrote more than 50 posts
            Passioned user
            You have participated in 50+ different topics, a true fan!
              Posts : 65
              Points : 93299
            Thanks for sharing the best tutorial

            Valid
            sivastar


            • Community veteran
              You belong to this community since its ancient time
              Active poster
              The user has wrote more than 50 posts
              Passioned user
              You have participated in 50+ different topics, a true fan!
                Posts : 65
                Points : 93299
              Code:
              <script type="text/javascript">if (window.wio_getNewAvatar) { wio_getNewAvatar(); }</script>

                        <div id="wio_total_posts" class="wio_stats"><span class="wio_value">{TOTAL_POSTS}</span></div>
                      </div>

                      <div class="wio_row">
                        <div id="wio_total_users" class="wio_stats"><span class="wio_value">{TOTAL_USERS}</span></div>
                        <div id="wio_total_topics" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
                      </div>

                      <div class="wio_row">
                        <div id="wio_record_users" class="wio_stats"><span class="wio_value">{RECORD_USERS}</span></div>
                        <div id="wio_board_age" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
                      </div>

                    </div>
                    <script type="text/javascript">if (window.wio_getStats) { wio_getStats(); }</script>
                  </div>

              My forum index_body in ForumActif forum....

              How to replace ur code?

              Valid
              hoanglongnhatbao


              • Community veteran
                You belong to this community since its ancient time
                Passioned user
                You have participated in 50+ different topics, a true fan!
                Active Contributor
                The user has wrote more than 100 posts and comments
                Post lover
                You have liked more than 50 posts!
                Members Guru
                You have received more than 50 likes on your posts. Our members really what you have to say!
                  Posts : 145
                  Points : 93767
                Thanks#niko

                Valid
                skouliki


                • Forumotion expert
                  This user is an expert with Forumotion free forum hosting
                  Friendly user
                  You have added many community members as friends!
                  10th Anniversary (Grand Re-open)
                  Thanks for being part of our grand re-opening
                  Climbing user
                  You have participated in 20+ different topics, keep it up!
                  Forum Partner
                  This member is founder of a community affiliated with FMCodes!
                  Community pillar
                  Congrats on being part of this forum for 7 years!
                  Forum member
                  Belongs to the community of FMCodes
                    Posts : 29
                    Points : 62121
                  post to recheck the code

                  Topic Actions

                  Sponsored




                  FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Online Users on Toolbar

                  ©phpBB | Contact | Report an abuse | Cookies