WCF - Change the look of FORUMHOME statistics

[LifesGreatestGift]

DEMO

https://vborg.vbsupport.ru/

Add the following to additional.css

#totalforumstatscontainer{width:100%;display:inlin e-block;}
.totalforumstats{text-align:center;float:left;padding:0px 15px 0px 0px !important;}
p.forumstatsnumber{font-size:2em;}
p.forumstatsname{font-weight:bold;}


Open template FORUMHOME

Find:
<div>
<dl>
<dt>{vb:rawphrase threads}</dt>
<dd>{vb:raw totalthreads}</dd>
<dt>{vb:rawphrase posts}</dt>
<dd>{vb:raw totalposts}</dd>
<dt>{vb:rawphrase members}</dt>
<dd>{vb:raw numbermembers}</dd>
<vb:if condition="$show['activemembers']">
<dt>{vb:rawphrase active_members}</dt>
<dd>{vb:raw activemembers}</dd>
</vb:if>
</dl>

Replace with:
<div id="totalforumstatscontainer">
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw totalthreads}</p>
<p class="forumstatsname">{vb:rawphrase threads}</p>
</div>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw totalposts}</p>
<p class="forumstatsname">{vb:rawphrase posts}</p>
</div>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw numbermembers}</p>
<p class="forumstatsname">{vb:rawphrase members}</p>
</div>
<vb:if condition="$show['activemembers']">
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw activemembers}</p>
<p class="forumstatsname">Active</p>
</div>
</vb:if>
</div>

<div>


Feel free to edit/style as needed.

Enjoy!

[BlueCheri]

Looks good, tagged. Will try with new version.

Thanx

[Scalemotorcars]

Nice and clean. Works great, thanks....

[Alecsmith]

Nice :) updated on my site with some modification :)
Thanks

[Konsolenheld]

works with 4.1.7?

[Pvtiste]

Nice job!

[foudu1030]

Hello, Thanks ! :)
How I can add statstic for X cat?gorie ? :)

[Robru]

Thanks for sharing this! :)

[Ricsca]

Good ;)

[Dr.osamA]

rated and inatalled

thank you bro

[rfi]

also want to change Threads / Posts stats on the Forum Home page.

[Taurus1]

Awesome, thanks.

[rfi]

how can i get these stats in the center of the page?

[foudu1030]

<div id="totalforumstatscontainer">
<center>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw totalthreads}</p>
<p class="forumstatsname">{vb:rawphrase threads}</p>
</div>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw totalposts}</p>
<p class="forumstatsname">{vb:rawphrase posts}</p>
</div>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw numbermembers}</p>
<p class="forumstatsname">{vb:rawphrase members}</p>
</div>
<vb:if condition="$show['activemembers']">
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw activemembers}</p>
<p class="forumstatsname">Active</p>
</div>
</vb:if>
</center>
</div>

<div>

[rfi]

<div id="totalforumstatscontainer">
<center>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw totalthreads}</p>
<p class="forumstatsname">{vb:rawphrase threads}</p>
</div>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw totalposts}</p>
<p class="forumstatsname">{vb:rawphrase posts}</p>
</div>
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw numbermembers}</p>
<p class="forumstatsname">{vb:rawphrase members}</p>
</div>
<vb:if condition="$show['activemembers']">
<div class="totalforumstats">
<p class="forumstatsnumber">{vb:raw activemembers}</p>
<p class="forumstatsname">Active</p>
</div>
</vb:if>
</center>
</div>

<div>

No Man it didn't work I believe it is to do something with the .css portion! I have tried

Code by LifesGreatestGift
.totalforumstats{text-align:center;float:left;padding:0px 15px 0px 0px !important;}
I changed it to
.totalforumstats{text-align:center;float:Center;padding:0px 15px 0px 0px !important;}

This has put the text to the center but alignment was out.....Please find the exact solution.:cool:

[foudu1030]

.totalforumstats{text-align:right;float:center;padding:0px 15px 0px 0px !important;}

This ?

[doctorsexy]

Working great... thank you

[Ohlala.Vn]

Demo die !!!

[magrabe]

http://i293.photobucket.com/albums/mm71/smallvilleproject/demo-4.jpg

?

[hacker_]

Screenshot or Live demo please

[Ravallojr]

can we get an updated pic?

[Da-Vinci]

Why use Photobucket or Tiny pic, there images always expire, why not just upload your screens direct to the forum?

Does anybody have a demo or a screen please?

[xbrian88]

Why use Photobucket or Tiny pic, there images always expire, why not just upload your screens direct to the forum?

Does anybody have a demo or a screen please?

can we get an updated pic?

Screenshot or Live demo please

quote friends

[HHelp1]

Any demo or image please? Because the image up there is no longer work :/

[Donavaz]

Can u add a demo please?

[DM BoNeZ]

i want demo first

[marccap]

as above demo/screen shot would be nice

[Blutengel]

http://imagez.me/photos/20130304136245179167368.jpg (http://imagez.me/)

[fxdigi-cash]

Thanks for the nice modification... works great on vb.4.2.1

[Skierpetros]

screen shot or demo?

[GamerPerfection]

screen shot or demo?

Really? For something that's over 2 years old?

[haimanpop]

good job
thanks

[oldfan]

I like it, working on 4.2.6. php 7.2