New look statistics [AwesomeBB]

Demonstration:


Step 1:
PA / DISPLAY / TEMPLATE / GENERAL / OVERAL_FOOTER_BEGIN and search this code:

Code:

<footer>
    <div class="wrap">
        <div id="forum-statistics">
            <div>
                <div>{TOTAL_POSTS}</div>
            </div>
            <div>
                <div>{TOTAL_USERS}</div>
            </div>
            <div>
                <div>{NEWEST_USER}</div>
            </div>
        </div>
    </div>
</footer>

Then replace it with this one:

Code:

<footer>
    <div class="wrap">
        <div id="forum-stats">
           
          <div><span>{TOTAL_POSTS}</span><strong>total messages</strong></div>
       
       
                <div><span>{TOTAL_USERS}</span><strong>total members</strong></div>
       
                  <div><span>{NEWEST_USER}</span><strong>last member</strong></div>
     
        </div>
    </div>
</footer>

Save and publish the template.

Now enter PA / DISPLAY / COLORS / CSS and add this code:

Code:

 
#forum-stats{
 float: left;
 font-size: 13px;
 text-align: left;
 width: 100%;
}
 
#forum-stats div {
  font-size: 0px;
  display: inline-block;
  width: 33.33%;
 }
 
 
#forum-stats div strong{
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: none!important;
  text-align: center;
  margin-left: 6px;
}
 
 
 
#forum-stats div span{
  font-size: 0px!important;
  background-color: #B2B2B2;
  color: #333;
  padding: 6px 10px;
  padding-right: 14px;
  font-size: 16px;
  border-radius: 7px;
padding-top: 16px;
}