MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Working on my Portal - Positioning and dimensions of boxes.
Full Version: Working on my Portal - Positioning and dimensions of boxes.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Andre R.

2011-11-10, 10:04 PM
I'm starting (trying) to form a nice portal page, but having trouble positioning and sizing customised boxes. I'm doing this from the templates.

For example, the box here http://www.berlingoforum.co.uk/portal.php

How would i make that into a tall box (standing up) on the right, and how about a box inbetween that and the latest posts.

Also, the boxes on the left should be on the right, in the code i believe it is meant to instruct boxes on the right. Help would be gratefully appreciated.

<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="right">
<tr><td valign="top" width="200">
{$welcome}
{$pms}
{$search}
{$stats}
{$whosonline}
{$latestthreads}
</td>
<td>&nbsp;</td>
<td valign="top">
{$announcements}
<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1">
<table border="0" cellpadding="{$theme['tablespace']}" width="100">
<tr><td align="right" valign="bottom">
    <p align="center"><b><font size="5">This is an example</font></b></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
{$footer}
</body>
</html>

pavemen

2011-11-10, 10:22 PM
to move the left column to the right and let the large space on the left, just cut

<td valign="top" width="200">
 {$welcome}
 {$pms}
 {$search}
 {$stats}
 {$whosonline}
 {$latestthreads}
 </td>

and paste it before 

</tr>
</table> 
{$footer}

Andre R.

2011-11-10, 10:41 PM
Thanks Pman, surprised i couldnt do that, back to the drawing board.

In that case, would a custom box such as:

<td align="right" valign="bottom" width="200" height="400">
    <p align="center"><b><font size="5">This is an example</font></b></td></tr>

work depending on where it was placed in the code?

pavemen

2011-11-10, 10:43 PM
(2011-11-10, 10:41 PM)david42 Wrote: [ -> ]Thanks Pman, surprised i couldnt do that, back to the drawing board.

In that case, would a custom box such as:

<td align="right" valign="bottom" width="200" height="400">
    <p align="center"><b><font size="5">This is an example</font></b></td></tr>

work depending on where it was placed in the code?

as long as it fits the in the grand scheme of the table code.

Andre R.

2011-11-10, 10:47 PM
Last one (same one), it doesnt follow what i intend it to do (dimensions and positioning wise):

<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="right">
<tr>
<td>&nbsp;</td>
<td valign="top">
{$announcements}
<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1">
<table border="0" cellpadding="{$theme['tablespace']}" width="200" height="400">
<tr><td align="left" valign="bottom">
    <p align="center"><b><font size="5">This is an example</font></b></td></tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" width="225">
{$welcome}
{$pms}
{$search}
{$stats}
{$whosonline}
{$latestthreads}
</td>
</tr>
</table>
{$footer}
</body>
</html>
Im referring to the width 200 height 400 table.

pavemen

2011-11-10, 11:00 PM
can you use Paint or similar and draw what you want to see

Andre R.

2011-11-10, 11:08 PM
Something like the box on the left

http://i.imgur.com/JqlFP.png

And then just work with things from there, probably a center box in the middle.

pavemen

2011-11-10, 11:48 PM
<head>
	<title>{$mybb->settings['bbname']}</title>
	{$headerinclude}
</head>
<body>
{$header}
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="right">
	<tr>
		<td valign="top" width="200">
			LEFT Panel<br />
			You can put new tables in here or other {$templatevars}
		</td>
		<td valign="top">
			MIDDLE Panel, dont set a width<br />
			Should be your main content
		</td>
		<td valign="top" width="225">
			{$welcome}
			{$pms}
			{$search}
			{$stats}
			{$whosonline}
			{$latestthreads}
		</td>
	</tr>
</table>
{$footer}
</body>
</html>

pdtrx

2011-11-11, 12:01 AM
I don't know if this will help you but it did for me. I was able to do a similar setup to pavemen's portal page by looking at these two tutorials:

1) http://community.mybb.com/thread-88686.html
2) http://community.mybb.com/thread-97828.html

Andre R.

2011-11-11, 12:29 AM
Thank you very much indeed for the help. im still not close to actually understanding/getting what i want so i will have to sit down and spend some time on it.
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Working on my Portal - Positioning and dimensions of boxes.