The Arcive of vBulletin Modifications Site.

WCF - Change the look of FORUMHOME statistics · **Version:** 4.1.10

DEMO

Add the following to additional.css

Code:

#totalforumstatscontainer{width:100%;display:inline-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:

Code:

				<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:

Code:

<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!