The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Who is Online, Statistics, Groups tabs

View previous topic View next topic Go down

Solved Who is Online, Statistics, Groups tabs

Post by Landshark on March 30th 2017, 8:00 pm

I've seen this done on a few sites, and I'd like to figure out how I can add it to my website.



They have tabs for Who's Online and Statistics, but I'd like one for my Groups too if possible.

Here is my forum:



Last edited by Landshark on April 6th 2017, 4:59 pm; edited 2 times in total
avatar
Landshark
Forumember

Posts : 31
Reputation : 2
Language : English, Spanish

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by Kyo Panda on March 31st 2017, 2:23 am

Could you please post here your index_body template?
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by Landshark on April 3rd 2017, 7:51 pm

Sorry for the late reply! My wifi has been out after a bad storm

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;<span id="groupLegend">{GROUP_LEGEND}</span></em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />



{AUTO_DST}
avatar
Landshark
Forumember

Posts : 31
Reputation : 2
Language : English, Spanish

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by Zed is Not Dead on April 3rd 2017, 8:45 pm

I have a quick question, where did you get access to this

that is not only my image that I don't recall opening to the public but it is also my code, not faulting you or anything just curious as to where you got my information from.
avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by APE on April 3rd 2017, 10:21 pm

@Zed is Not Dead if you have a problem with this member and the code they are using I would ask you to deal with it by PM or report the member the right way by making a full report of copyright.



avatar
APE
Manager
Manager

Male Posts : 10111
Reputation : 942
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by Kyo Panda on April 5th 2017, 4:47 pm

Try changing for:

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
 
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 
                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
 
<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->
 
  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->
 
{CHATBOX_TOP}
{BOARD_INDEX}
 
<!-- BEGIN disable_viewonline -->
<div class="fa-st-tab">
   <ul class="fa-st-tab-toggle">
      <li class="active">{L_WHO_IS_ONLINE}</li>
      <li>{L_STATISTICS}</li>
      <li>Groups</li>
   </ul>
   
   <div class="fa-st-tab-content">
      <div class="active">
         <!-- BEGIN switch_viewonline_link -->
         <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
         <!-- END switch_viewonline_link -->

         <!-- BEGIN switch_viewonline_nolink -->
         <div class="h3">{L_WHO_IS_ONLINE}</div>
         <!-- END switch_viewonline_nolink -->
         
         <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
         
         <p>
            {TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}<br />
            
            {LOGGED_IN_USER_LIST}
            
            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
         </p>
      </div>      
      <div>
         <!-- BEGIN switch_statistics_link -->
         <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
         <!-- END switch_statistics_link -->
         
         <!-- BEGIN switch_statistics_nolink -->
         <div class="h3">{L_STATISTICS}</div>
         <!-- END switch_statistics_nolink -->
         
         <p class="page-bottom">
            {TOTAL_POSTS}
         </p>
         
         <p class="page-bottom">
            {TOTAL_USERS}
         </p>
         
         <p class="page-bottom">
            {NEWEST_USER}
         </p>
      </div>
      <div>
         <div class="h3">Groups</div>
         <em>{LEGEND}&nbsp;:&nbsp;<span id="groupLegend">{GROUP_LEGEND}</span></em>
      </div>
   </div>
   
   <script>
      (function($) {
         'use strict';
         
         var $toggle = $('.fa-st-tab-toggle li');
         var $content = $('.fa-st-tab-content > div');
         
         $toggle.on('click', function() {
            var $this = $(this);
            
            if ($this.hasClass('active')) {
               return;
            }
            
            var index = $this.index();
            
            $.each([$toggle, $content], function() {
               $(this)
                  .removeClass('active')
                  .eq(index)
                  .addClass('active')
               ;
            });
         });
      }(jQuery));
   </script>
</div>
 
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
   insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
 
<!-- END disable_viewonline -->
 
{CHATBOX_BOTTOM}
 
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 
                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
 
<br style="clear:both" />
 
 
 
{AUTO_DST}

And add to your CSS:

Code:
.fa-st-tab-toggle {
    list-style: none;
    padding: 0 0 0 1rem;
    margin: 0;
    overflow: hidden;
}

.fa-st-tab-toggle li {
    float: left;
    background-color: #090909;
    color: #ccc;
    display: block;
    padding: 0.5rem 0.8rem;
    font-size: 14px;
    border-radius: 3px 3px 0 0;
    margin-right: 1rem;
    cursor: pointer;
}

.fa-st-tab-toggle .active {
    background-color: #1a1a1a;
}

.fa-st-tab-content {
    border-radius: 3px;
    background-color: #1a1a1a;
    padding: 2rem;
    min-height: 240px;
    box-sizing: border-box;
}

.fa-st-tab-content > div {
    display: none;
}

.fa-st-tab-content > .active {
    display: block;
}

I tried to matched the upper tabs style, but it may need some tweaks after the code is placed in your forum. o/
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by APE on April 7th 2017, 2:35 pm

@Landshark is this now solved ?

Please reply within 24hrs or it will be locked without warning.



avatar
APE
Manager
Manager

Male Posts : 10111
Reputation : 942
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Who is Online, Statistics, Groups tabs

Post by brandon_g on April 10th 2017, 5:48 pm

Topic solved and archived ~ brandon_
Please read our forum rules: ESF General Rules


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5725
Reputation : 524
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum