Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Board Index » Forumotion »  [Read Only] Questions & Problems »[Solved] Statistics

Foto

[Solved] Statistics

by ,


View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  decru

decru
Punbb Rookie
Punbb Rookie
2014-03-09, 16:26
anyone please share how to make my statistics like this?

[Solved] Statistics Untitl34



Powered by PunBB
Currently 0 users have thanked decru for this post:

2
Offline

  Shadow

Shadow
Administrator
Administrator
2014-03-09, 22:07
Hello,
Replace your
Code:
!- BEGIN disable_viewonline -->
****
<!-- END disable_viewonline -->
With the following code:
Code:
[panda=html]<!-- BEGIN disable_viewonline -->
<script>
  $(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
 
 
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total Posts</li>
<li><span>'+totalUser+'</span> Total Members</li>
<li><span>'+lastUser+'</span> Newest Member</li>
<li><span>'+rdtOn+'</span> Most users ever online</li>
');
 

});
</script>

<div id="pun-info" class="main">
   
   <div class="main-head">
      
      <h2 class="page-title">
         
         <center>
                          <b><a href="/viewonline"><font color="white">Statistics</font> </a></b>
         </center>
         
      </h2>
      
   </div>
   
   <div style="display: block;" class="main-content">
      
      <div id="forum_statistics">
         
         <div id="board-stats">
            
            <center>
               
               <h2>
                   Information
               </h2>
                          </center>
               
<br>
                                        <div id='board_stats'>

      <dl>
        <dt>Total Posts:</dt><dd><div id='board_statistics'> <span class="FORUMCOUNTPOST">{FORUMCOUNTPOST}</span></div>  </dd>   
          <br> <dt>Total Topics:</dt><dd><div id='board_statistics'> <span class="FORUMCOUNTOPIC">{FORUMCOUNTOPIC}</span></div>    </dd> 
      <br> <dt>Total Members: </dt><dd><div id='board_statistics'><span class='FORUMCOUNTUSER'>{FORUMCOUNTUSER}</span></div>          </dd>                                       
    <br> <dt>Newest Member </dt><dd><div id='board_statistics'><span class='FORUMLASTUSERLINK'>{FORUMLASTUSERLINK}</span></div>      </dd>                                           
          </dl>

  </div>

            
         </div>

         <div class="rightStats">
            
            <div class="starsItem">
               
               <center>
                  
                  <p class="starsTitle">
                     
                  </p>
                  
                  <div class="leftStats">
                      <img src="http://i58.servimg.com/u/f58/17/06/15/51/110.png" />
                  </div>
                  
                  <p class="starsTitle">
                     Online Users
                  </p>
                  
               </center>
               
               <p>
                  
               </p>
               
               <div class="leftStats">
                  
               </div>
               
               <p>
                   <span class="starsItem_TOTAL_USERS_ONLINE">   {TOTAL_USERS_ONLINE}</span>
<p>   <span class="desc lighter blend_links"><b><i>{RECORD_USERS}</i></b> </span>         
  <br><br>


         {LOGGED_IN_USER_LIST}
         

         {L_ONLINE_USERS}
    <br>{L_CONNECTED_MEMBERS}   </p>
               

<br>

  <span class="desc lighter blend_links"><b><i>Legend:</i></b> {GROUP_LEGEND}</span>
            
               
            </div>
            
         </div>
         
      </div>
      
   </div>
   
</div>
 <style>#board-stats {
    border-left: 1px solid rgb(222, 222, 222);
    float: right;
    padding-left: 20px;
    width: 38%;
}
.rightStats {
    border-left: 1px solid rgb(207, 201, 201);
    margin: 5px 10px 5px 70px;
    min-height: 167px;
    padding-left: 10px;
    width: 90%;
}
#forum_statistics {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(233, 233, 233);
    max-height: 500px;
    padding: 10px;
}
.starsTitle {
    font-family: helvetica,arial,sans-serif;
    font-weight: 700;
    margin-top: -8px !important;
    padding: 4px;
}
#board-stats h2 {
    clear: both;
    font-weight: bold;
}
.leftStats{float:left;margin-left:-75px;vertical-align:middle;margin-top:50px;}</style>
         
<!-- END disable_viewonline -->

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  Deswimmer39

Deswimmer39
Punbb Rookie
Punbb Rookie
2014-03-10, 00:45
nice

Powered by PunBB
Currently 0 users have thanked Deswimmer39 for this post:

4
Offline

  decru

decru
Punbb Rookie
Punbb Rookie
2014-03-10, 02:43
Thanks for the active response sir shadow.

It works but i have a little problem about the "information section" its empty.

see this:

[Solved] Statistics Untitl36

Powered by PunBB
Currently 0 users have thanked decru for this post:

5
Offline

  Shadow

Shadow
Administrator
Administrator
2014-03-10, 08:09
You need to get your own code for the information section, since you question was about design, I'll put it as solved.

Solved -> Locked.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

6
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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

 

About PunBB Design

PunBB Design (ex. PunBB Community) Forum is Forumotion hosted forum created 2012 as a test forum for helping out members and improving design and quality of the Forumotion forums. Over the time it became bigger and bigger in term of content, members and activity. That's why several times Forumotion offered us a free domain name for our community (www.punbb.biz). Today we want to back it's old activity and make it even better! In 2013 PunBB Design is awarded for best Forumotion forum.

General Links

Forum Resources

Forumotion Links

BtT
  • This skin is designed by Shadow for PunBB Design™.