2014-11-03, 07:48
Tutorial: make your forum widgets on top and bottom instead of right and left |
the 1st thing you need to know its 1 of 2 way to use your widgets right and left or top and bottom
in this tips you will be able to active the top and bottom Widgets 1st to active the bottom Widgets on your forum you will have to use the right Widgets side and you will not be able to add any thing at the right side only at the bottom
to add the top Widgets
make a new Widget add the top Widgets code and your Widgets over it not under it your Widgets will be on the top
to add bottom Widgets
make new Widget add the code bottom Widgets and your Widgets under it
now to the 2nd stage working on phpbb3 punbb and invision
just add this PHPBB3 and PUNBB and INVISION Code CSS code
how to use Widgets the right side is bottom Widgets the left side is for the top Widgets
--> Tutorials, tips and tricks <--
make your forum widgets on top and buttom instead of right and left
make your forum widgets on top and buttom instead of right and left
1º - codes
PHPBB2
Bottom Widgets
- Code:
[panda=html]
</td>
</tr>
</tbody>
</table>
Top Widgets
- Code:
[panda=html]
</td></tr></table>
</div></td></tr></table>
<style>
.bodylinewidth, #content-container #left {
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width: 95%;
}
</style>
<table class="bodylinewidth" width="90%" cellspacing="0"
cellpadding="0" border="0" align="center"><tr><td>
<table cellpadding="0" cellspacing="0" width="95%" class="three-col"><tr><td >
<div>
PHPBB3 and PUNBB and INVISION Code CSS code
- Code:
[panda=css]
/* Michael_vx */
#content-container div#container {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}
#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}
#main {
width: 990px;
}
#gfooter {
width: 990px;
}
#logostrip {
width: 990px;
}
#submenu {
width: 990px;
}
#userlinks {
width: 935px;
}
/* Michael_vx */
something you might change
width: 990px;
width: 990px;
width: 990px;
width: 990px;
width: 935px;
change these sizes as your forum will fit what you wish if needed
2º - Preview
like this Widget on top
and this for a Widget on the bottom
© PunBB Design
If you have any questions related to this topic create a topic with the following title: make your forum widgets on top and buttom instead of right and left |