>> Site Map >> Forums >> Themes 6x
Forum module - topics in forum:
Themes 6x - Discussions regarding PHP-Nuke Themes.
Block allignment
A few hours of browsing and nothing, i just switched to phpnuke after using subdreamer, and im trying to customize a new theme for my website. Now what im trying to do is make the total site width 770px, im editing the 3dfantasy theme which consists of html files for each component (header.html, footer.html, blocks.html etc.) I made the footer and the header 770 px wide, the table that shows the story is 390px, the blocks are 180px wide. My problem is that the blocks are not under the header, they are stuck to the very left and right edges of the page. How can i control that sp that the layout looks proper
now:
....HEADER
B....story..... B
L..................L
O.................O
C.................C
K.................K
.....FOOTER
what im trying to do:
|...770px..|
-------------
H E A D E R
B...story...B
L..............L
O.............O
C.............C
K.............K
...FOOTER
I have also downloaded the "milo" theme because it uses the layout im going for, i was digging in the code for a whole day and couldn't figure it out. So if anyone knows the answer (and im sure someone must know) please help
Them 3dFantasy. Open header.html in root/themes/3D-Fantasy/ and find:
| Code: : |
| <table border="0" cellspacing="0" cellpadding="0" width="100%"><tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/up-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/up2.gif" align="center" width="100%" height="15"> </td> <td><img src="themes/3D-Fantasy/images/up-right2.gif" width="15" height="15" alt="" border="0"></td></tr> <tr> <td background="themes/3D-Fantasy/images/left2.gif" width="15"> </td> <td bgcolor="ffffff" width="100%"> <table border="0" align="center" bgcolor="#ffffff"><tr><td> <a href="index.php"><img src="themes/3D-Fantasy/images/logo.gif" border="0" alt="Welcome to $sitename" align="left"></a> </td></tr></table> </td> <td background="themes/3D-Fantasy/images/right2.gif"> </td></tr> <tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/down-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/down2.gif" align="center" height="15"> </td> <td><img src="themes/3D-Fantasy/images/down-right2.gif" width="15" height="15" alt="" border="0"></td></tr> </td></tr></table> $public_msg<br> <table cellpadding="0" cellspacing="0" width="99%" border="0" align="center" bgcolor="#ffffff"> <tr><td bgcolor="#ffffff" valign="top"> |
Replace with:
| Code: : |
| <table border="0" cellspacing="0" cellpadding="0" width="770" align="center"><tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/up-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/up2.gif" align="center" width="100%" height="15"> </td> <td><img src="themes/3D-Fantasy/images/up-right2.gif" width="15" height="15" alt="" border="0"></td></tr> <tr> <td background="themes/3D-Fantasy/images/left2.gif" width="15"> </td> <td bgcolor="ffffff" width="100%"> <table border="0" align="center" bgcolor="#ffffff"><tr><td> <a href="index.php"><img src="themes/3D-Fantasy/images/logo.gif" border="0" alt="Welcome to $sitename" align="left"></a> </td></tr></table> </td> <td background="themes/3D-Fantasy/images/right2.gif"> </td></tr> <tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/down-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/down2.gif" align="center" height="15"> </td> <td><img src="themes/3D-Fantasy/images/down-right2.gif" width="15" height="15" alt="" border="0"></td></tr> </td></tr></table> $public_msg<br> <table cellpadding="0" cellspacing="0" width="770" border="0" align="center" bgcolor="#ffffff"> <tr><td bgcolor="#ffffff" valign="top"> |
Open footer.html and find:
| Code: : |
| </td></tr></table> <br> <table border="0" cellspacing="0" cellpadding="0" width="100%"><tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/up-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/up2.gif" align="center" width="100%" height="15"> </td> <td><img src="themes/3D-Fantasy/images/up-right2.gif" width="15" height="15" alt="" border="0"></td></tr> <tr> <td background="themes/3D-Fantasy/images/left2.gif" width="15"> </td> <td bgcolor="ffffff" width="100%" align="center"><font class="tiny">$footer_message</font></td> <td background="themes/3D-Fantasy/images/right2.gif"> </td></tr> <tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/down-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/down2.gif" align="center" height="15"> </td> <td><img src="themes/3D-Fantasy/images/down-right2.gif" width="15" height="15" alt="" border="0"></td></tr> </td></tr></table> |
Replace with:
| Code: : |
| </td></tr></table> <br> <table border="0" cellspacing="0" cellpadding="0" width="770" align="center"><tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/up-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/up2.gif" align="center" width="100%" height="15"> </td> <td><img src="themes/3D-Fantasy/images/up-right2.gif" width="15" height="15" alt="" border="0"></td></tr> <tr> <td background="themes/3D-Fantasy/images/left2.gif" width="15"> </td> <td bgcolor="ffffff" width="100%" align="center"><font class="tiny">$footer_message</font></td> <td background="themes/3D-Fantasy/images/right2.gif"> </td></tr> <tr> <td width="15" height="15"><img src="themes/3D-Fantasy/images/down-left2.gif" alt="" border="0"></td> <td background="themes/3D-Fantasy/images/down2.gif" align="center" height="15"> </td> <td><img src="themes/3D-Fantasy/images/down-right2.gif" width="15" height="15" alt="" border="0"></td></tr> </td></tr></table> |
Only on Forums, and PM you'll have a problem due the width of the seperate header of the forums. You can find the files as header.tpl or overall_header.tpl in your themes folder or in the root/modules/Forums/template folder.
BL
