Choose from our various pricing plans. There is a package for everyone!


make your forum widgets on top and bottom instead of right and left

View previous topic View next topic Go down

make your forum widgets on top and bottom instead of right and left

Post by Michael_vx on Tue Feb 10, 2015 10:29 am

i like to say there is a few things are not my idea the main Tutorial was made for phpbb2 and 3 but i have find out that its working on punbb and invision

this why im sharing the idea

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

for phpbb2 there is 2 codes the bottom code and the top code and the top code
to add widget on the bottom add a new widget add the bottom code in it and add this widget to the right side then add every widget under it

to add on the top add a new widget add the top code in it and add it to the left side then add every widget upper it and not under it or it wont work


--> Tutorials, tips and tricks <--
make your forum widgets on top and buttom instead of right and left


1º - codes
PHPBB2

Bottom Widgets

Code:
</td> </tr></tbody></table>

Top Widgets

Code:
</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:
 /* 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






avatar
Michael_vx
Member
Member

Age : 25
Posts : 8
Join date : 2015-01-02
Forum Version : PhpBB2
Reputation : 1

View user profile

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum