MyBB Community Forums

Full Version: top stats and forum all at the same height
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
hi, this is the forum i have with topstats width 10%:

[Image: hKv1Gym.jpg]

of course you can see some spaces from topstats and the forum.
for this i go to add 5% to the topstats width, and this is what i obtain:

[Image: mIA58pq.jpg]

i don't understand why the left topstats is ok, while the right
topstast is in the bottom.

the code is inside at: template, index page, index.

<body>
{$header}
{$announcement}
{$dvz_shoutbox}

<div class="sidebar" style="width: 15%; float: left" >
{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}
{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['Referrals']}
{$topStats['TimeOnline']}
{$topStats['NewestUsers']}
{$topStats['Moderators']}
</div>

<div class="forum">
{$forums}
{$boardstats}
</div>

<div class="sidebar" style="width: 15%; float: right">
{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}
{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['Referrals']}
{$topStats['TimeOnline']}
{$topStats['NewestUsers']}
{$topStats['Moderators']}
</div>

of course is possible to modify tborder width, inside theme, global.css, advanced mode
and also wrapper width, same place.

another thing:
is possible to move in the center page the menu in the bottom ???

[Image: lfK37En.jpg]

thank you very much.
Hi,

do you have an URL?
yes, this one:
http://club-italiano-del-video3.42web.io/index.php
i don't think you can go inside, then:
[removed]
i would like to know what part of code you touch,
because i have ask help to my partnership, but
he had refuse.
thank.
Hi,

I think it's done what you want.

Parts I've changed:

In the Theme, in global.css :

Changed:
.tborder {
	background: #fff;
	width: 85%;
	margin: auto auto;
	border: 1px solid #ccc;
	padding: 1px;
}

to:
.tborder {
    background: #fff;
    width: 100%;
    margin: auto auto;
    border: 1px solid #ccc;
    padding: 1px;
}


Changed:
.sidebar {
    float: right;
    width: 14%
}

to:
.sidebar {
    float: right;
    width: 15%
}


Removed:
.sidebar {
	vertical-align:top;
}

.sidebar_left {
	width:200px;
}

.sidebar_right{
	width:140px;
}

it was repeated x20 in the code.


Changed:
.forum {
	width: 80%;
	float: left;
}

to:
.forum {
    width: 68%;
    float: left;
	margin-left: 1%;
}


Changed:
.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}


to:
.forum_legend,
.forum_legend dt,
.forum_legend dd {
    padding: 0;
    margin: auto;
    display: table;
}


And in the Index Page templates, in the index template:

Changed:
<div class="sidebar" style="width: 10%; float: left" >

to:
<div class="sidebar" style="float: left" >


Changed:
<div class="sidebar" style="width: 10%; float: right">

to:
<div class="sidebar" style="float: right">