Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

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



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Michael_vx

avatar
Punbb Junior
Punbb Junior


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


- 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

- 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

Powered by PunBB
Currently 0 users have thanked Michael_vx for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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