Separate forum member statistics

Hello,

Is there a way to brake the forum member statistics to separated ones as provided below?


Edit: I don't want them to be where they are shown. I will modify them as i want. I only want to separate them to 4 parts where i can modify each part differently.

Regards,
MrMind.

Hello MrMind,

There are a few variables, and some of these contents may not be separable. See below :

{L_WHO_IS_ONLINE} : the language variable of "Who is online ?"
{TOTAL_POSTS} : "Our users have posted a total of n message(s)"
{TOTAL_USERS} : "We have n registered user(s)"
{NEWEST_USER} : "The newest registered user is {USER}"
{TOTAL_USERS_ONLINE} : "In total there is n user(s) online :: n Registered, n Hidden and n Guest(s)"
{RECORD_USERS} : "Most users ever online was n on {DATE_AND_TIME}"
{LOGGED_IN_USER_LIST} : "Registered Users: {USER_LIST}"
{L_CONNECTED_MEMBERS} : "Members connected during last n hour(s) : {USER_LIST}"
{L_WHOSBIRTHDAY_TODAY} : Birthdays happening today
{L_WHOSBIRTHDAY_WEEK} : Upcoming birthdays
{LEGEND} : Language of "Legend" texts
{GROUP_LEGEND} : Groups list
{TOTAL_CHATTERS_ONLINE} : "There are currently n user(s) on the ChatBox : "
{CHATTERS_LIST} : Users logged into chatbox


That's about all the variables that you can use in the statistics of the index_body template. You'll mostly need to move them around to where you want them.

im working on something right now as soon as i finish getting this js right ill post on here ange helped me tons with it already

Is there a way to change the texts of those variables?

yea with js here ill give u what iv been working on so u can see... its not finished but it give u a good idea


css

Code:

div.scrollable {
    width: 280px;
    height: 70px;
    margin: 0;
    padding-left: 15;
    overflow: auto;
      font-size: 75%;
  color:blue;}

.onlineuserst {
    border: 1px solid black;
width: 40%;
}
#onlineuserst td{
    border: 1px solid black;


}

html

replace the whole table that the contents are in with this

Code:

<table Id="onlineuserst">

<tr>
<td><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/total_zpsf92216c1.png"></td>
<td align="center"><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/tousers_zps78e0dbe3.png"></td>
</tr>


<tr>
<td align="center">{TOTAL_POSTS}</td>
<td align="center">{TOTAL_USERS_ONLINE}</td>
</tr>

<tr>
<td><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/totalu_zpsf9db7ef6.png"></td>
<td align="center"><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/orusers_zpscb15b407.png"></td>
</tr>

<tr>
  <td align="center">{TOTAL_USERS}</td>
<td rowspan="3"><div class=scrollable>{LOGGED_IN_USER_LIST}</div></td>
</tr>

<tr>
<td><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/newest_zps6a46e4b4.png"></td>
</tr>

<tr>
<td align="center">{NEWEST_USER}</td>
</tr>

<tr>
<td colspan="2">Legend :  {GROUP_LEGEND}</td>
</tr>


<script type="text/javascript">(function() {
                      var who = document.getElementById('onlineuserst');
                      who.innerHTML = who.innerHTML.replace(/(\In total there is \d+ user online ::)/,'').replace(/(\d+ Registered)/,'<span class="users1">$1</span>').replace(/(\d+ Hidden)/,'<span class="users2">$1</span>').replace(/(\d+ Guests)/,'<span class="users3">$1</span>').replace(/(\We have )/,'');
                    })();</script>



                    <script type="text/javascript">(function() {
                      var who = document.getElementById('onlineuserst');
                      who.innerHTML = who.innerHTML.replace(new RegExp('Registered Users: '), '').replace(new RegExp('Our users have posted a total of '), '')
})();</script>

</table>

Thanks for your help! Could you please send me a picture of how this will be after i replace & add the codes you send me? To see if i like it!

remember its not finished but here it is

That is indeed excellent job! If you can give me the simple code. Not with delicacy and staff because i will change it. Just the simple one with the basic staff (title and content) and i will manage further more! Great job and thanks for your effort!

little lost on what ur asking for .. maybe a screenshot with some highlighted areas showing me what you want

The way it is as soon as it is finished! No changes. I will do them my self don't worry. As soon as you finish it tell me! Thanks!

k just waiting on ange to help with last part of the js and ill be done

If i may ask. The javascripts inside the codes you already sent what are they for?

replacing text with nothing and adding a span around somethings so i can edit them in css

I didn't understand but it doesn't matter.
All i can see is grabbing the text and do nothing. You know something better to do it that way! I will wait to see the result!

Ok 50% of the credit goes to Ange Tuteur for all her help with this because i could not have completed this without her


Note: in the bottom right corner when you get enough users online to fill the box there is a scroll bar so the table wont expand





css

Code:

div.scrollable {
    width: 280px;
    height: 70px;
    margin: 0;
    padding-left: 15;
    overflow: auto;
      font-size: 75%;
  color:blue;}

#onlineuserst { font-size:75%; }
#onlineuserst td{
clear: both;
    border: 1px solid black; !important
   font-size: small !important;
}
.users1{color: green;}
.users2{color: #0099FF;}
.users3{color: red;}

html

Code:

<table Id="onlineuserst">

<tr>
<td><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/total_zpsf92216c1.png"></td>
<td align="center"><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/tousers_zps78e0dbe3.png"></td>
</tr>


<tr>
<div class=tbfontsize>
<td align="center">{TOTAL_POSTS}</td>
<td align="center">{TOTAL_USERS_ONLINE}</td>
</div>
</tr>


<tr>
<td><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/totalu_zpsf9db7ef6.png"></td>
<td align="center"><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/orusers_zpscb15b407.png"></td>
</tr>


<tr>
<div class=tbfontsize>
  <td align="center">{TOTAL_USERS}</td></div>
<td rowspan="3"><div class=scrollable>{LOGGED_IN_USER_LIST}</div></td>

</tr>


<tr>
<td><img src="http://i884.photobucket.com/albums/ac50/TwistedKilla/Forumotion/newest_zps6a46e4b4.png"></td>
</tr>


<tr>
<div class=tbfontsize>
<td align="center">{NEWEST_USER}</td>
</div>
</tr>


<tr>
<div class=tbfontsize>
<td colspan="2">Legend :  {GROUP_LEGEND}</td>
</div>
</tr>


 <script type="text/javascript">(function() {
                      var who = document.getElementById('onlineuserst');
                      who.innerHTML = who.innerHTML.replace(/(\Registered Users: )/,'').replace(/In total there is <strong>\d+<\/strong> (user|users) online :: /,'').replace(new RegExp('Our users have posted a total of '), '').replace(new RegExp('We have '), '').replace(/(\The newest registered user is )/,'').replace(/(\d+ Registered)/,'<span class="users1">$1</span>').replace(/(\d+ Hidden)/,'<span class="users2">$1</span>').replace(/(\d+ Guests)/,'<span class="users3">$1</span>');
                    })();</script>


</table>

think someone broke the bb code because its not working right its showing up in post

Ok. Is there any way that this code changing via the templates would stay only on forum index?
Because by viewing it before publishing, it is displayable to all pages.

Also, by viewing it before publishing the avatars of the recent topic widget disappeared. Should i be worried about that?

just save a backup of what it is now just incase so if it does effect it you can replace it

Is there a way that i can make only the Total Users Online with less word as you provided it?

yea that what the script is at the bottom of the code but because your forum is not in English it dont work so you will have to go threw and replace the words in your language

Ok,

1. Well at first i get a red mark in the code:

Any clue why is that?

2.

Code:

<script type="text/javascript">(function() {
var who = document.getElementById('onlineuserst');
who.innerHTML = who.innerHTML.replace(/(\Registered Users: )/,'').replace(/In total there is <strong>\d+<\/strong> (user|users) online :: /,'').replace(new RegExp('Our users have posted a total of '), '').replace(new RegExp('We have '), '').replace(/(\The newest registered user is )/,'').replace(/(\d+ Registered)/,'<span class="users1">$1</span>').replace(/(\d+ Hidden)/,'<span class="users2">$1</span>').replace(/(\d+ Guests)/,'<span class="users3">$1</span>');
})();</script>

Which parts must i change?

copy and paste the Total Users Online text so i can try to translate it and give u the code

4 χρήστες είναι συνδεδεμένοι αυτήν την στιγμή:: 1 μέλος, 0 μη ορατοί και 3 επισκέπτες :: 1 μηχανή αναζήτησης
------------------------
4 users are connected at the moment:: 1 registered, 0 hidden and 3 visitors :: 1 search engine (bot)

replace

Code:

.replace(/In total there is <strong>\d+<\/strong> (user|users) online :: /,'')

with

Code:

.replace(/<strong>\d+<\/strong> (χρήστη|χρήστες) είναι συνδεδεμένοι αυτήν την στιγμή:: /,'')

That does not work but don't mind that. My main problem is how to make those statistics be displayed only to the homepage.

does it diplay on every page or homepage and portal

On everypage. In posts, subforums, subcategories, portal, calendar, gallery, etc. Everywhere!

ok let me get on my test forum cuz i use phpbb2 normaly and it only shows on the homepage so maybe its a punbb thing

idk maybe its a js your useing or you put some code in your overall footer because it only shows on my home page on phpbb2 and punbb

Hi MrMind,

Is the code in your index_body template wrapped with these comments ?

Code:

<!-- BEGIN disable_viewonline -->

<!-- END disable_viewonline -->