Forum Home Enhancements - WCF - Change the look of FORUMHOME statistics

DEMO



Add the following to additional.css

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

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

[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]

Originally Posted by 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>

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

Code by LifesGreatestGift

PHP Code:

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


I changed it to

PHP Code:

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

[foudu1030]

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

This ?

[doctorsexy]

Working great... thank you

[Ohlala.Vn]

Demo die !!!

[magrabe]

?

[hacker_]

Screenshot or Live demo please