| Moving right blocks to the left |
| Author | Text |
joao Junior Member

Posts: 12

Gender:  Online: No |
Date: 23/04/2008 03:12 Moving right blocks to the left | #post6418 | Hi Mem and Paulo!
First of all, mem, thanks for this nice cms script!
I'm testing Natural template and would like to move all the blocks at right column (navigator, users and so) to the left side of the screen, as we have at allmost other templates. Can you explain to me what lines i have to change at home.html?
Thanks for the help.
Regards,
Joao Edited: 23/04/2008 03:16 |
|
 |
| |
paulo89 Moderator Developer

Posts: 1286

Gender:  Online: No
Version: 3.8.1 Country: Portugal Languages: Portuguese, Portuguese and little english ^^ |
Date: 23/04/2008 08:41 Re: Moving right blocks to the left | #post6422 | Viva João
Basta voce abrir a pagina home.html e colocar a condição if do navigator antes do main, das mensagens, paginas,etc.
Aqui fica um exemplo, eu não testei isto, apenas alterei o codigo, depois diga-me se funcionou bem, abra a pagina home.html e altere por este codigo:
| code |
<!-- HEADER i -->
<div class='tpl_head' align='center'>
<ul>
<li class='tpl_menu_b1'><a href="index.php" title="Home"><div><h1>Home</h1></div></a></li>
<li class='tpl_menu_b2'><a href="index.php?page=news" title="News"><div><h1>News</h1></div></a></li>
<li class='tpl_menu_b3'><a href="index.php?page=download" title="Downloads"><div><h1>Downloads</h1></div></a></li>
<li class='tpl_menu_b4'><a href="index.php?page=forum" title="Forums"><div><h1>Forums</h1></div></a></li>
<li class='tpl_menu_b5'><a href="index.php?page=gallery" title="Gallery"><div><h1>Gallery</h1></div></a></li>
<li class='tpl_menu_b6'><a href="index.php?page=articles" title="Articles"><div><h1>Articles</h1></div></a></li>
<li class='tpl_menu_b7'><a href="index.php?page=contact" title="Contact us"><div><h1>Contact us</h1></div></a></li>
<li class='tpl_menu_b8'><a href="index.php?page=topics" title="Topics"><div><h1>Topics</h1></div></a></li>
<li class='tpl_menu_b9'><a href="index.php?page=rss" title="Rss"><div><h1>Rss</h1></div></a></li>
</ul>
</div>
<div class='tpl_logo' align='center'>
<div id='str'><div><a href='{$site_url}' title='{$site_name}'>{$site_name}</a></div></div>
</div>
<!-- HEADER e -->
<div align='center'>
<div class='tpl_content'>
<div id='sub'>
<table width='800' border='0' cellpadding='0' cellspacing='0' align='center' id='str'>
<tr><td colspan='3' class='tpl_path'> <img src="images/outlink.gif" width="11" height="7"> {$showpath}</td></tr>
<tr>
{if condition="$fullscreen < 2"}
<td class='tpl_class_nav' valign='top'>
<!-- NAVIGATOR BLOCKS i -->
{loop name="tpl_blocks_navigator"}
{if condition="$value.usetitle > 0"}
<div class='tpl_block_title'><h2>{$value.title}</h2></div>
{/if}
<div class='tpl_block_body'>{$value.content}</div>
<div class='tpl_vspacer'></div>
{/loop}
<!-- NAVIGATOR BLOCKS e -->
</td>
{/if}
<td valign='top' class='tpl_content_main'>
<!--
2 = Full screen (Content)
1 = Half screen (Nav + Content)
0 = Standard (Nav + Content + Extra)
-->
{if condition="$fullscreen < 1"}
<div id='size_ss'>
{elseif condition="$fullscreen < 2"}
<div id='size_hs'>
{else}
<div id='size_fs'>
{/if}
<!-- MAIN CONTENT i -->
<!-- MESSAGES i -->
{loop name="tpl_messages"}
<div class='tpl_mex_box'>
<div class='tpl_mex_boxtop'><div></div></div>
<div class='tpl_mex_boxcontent'>
<div class='tpl_mex_title'><h2>{$value.title}</h2></div>
<div>{$value.content}</div>
</div>
<div class='tpl_mex_boxbottom'><div></div></div>
</div>
<div class='tpl_vspacer'></div>
{/loop}
<!-- MESSAGES e -->
<!-- CENTRAL BLOCKS i -->
{loop name="tpl_blocks_central"}
{if condition="$value.usetitle > 0"}
<div class='tpl_block_title_c'><h2>{$value.title}</h2></div>
{/if}
<div class='tpl_block_body_c'>{$value.content}</div>
<div class='tpl_vspacer'></div>
{/loop}
<!-- CENTRAL BLOCKS e -->
<!-- PAGE i -->
{if condition="$tpl_page.title != ''"}
<div class='tpl_page_title'>
{if condition="$tpl_page.url != ''"}
<a href='{$tpl_page.url}' title='{$tpl_page.title}'><b><h1>{$tpl_page.title}</h1></b></a>
{else}
<b><h1>{$tpl_page.title}</h1></b>
{/if}
</div>
<div class='tpl_vspacer'></div>
{/if}
{if condition="$tpl_page.name == 'blog'"} {include="blog"} {/if}
{if condition="$tpl_page.name == 'news'"} {include="news"} {/if}
<div>{$tpl_page.content}</div>
<!-- PAGE e -->
<!-- MAIN CONTENT e -->
</div>
</td>
{if condition="$fullscreen < 1"}
<td class='tpl_class_extra' valign='top'>
<div id='sextra'>
<!-- EXTRA BLOCKS i -->
{loop name="tpl_blocks_extra"}
{if condition="$value.usetitle > 0"}
<div class='tpl_block_title_e'><h2>{$value.title}</h2></div>
{/if}
<div class='tpl_block_body_e'>{$value.content}</div>
<div class='tpl_vspacer'></div>
{/loop}
<!-- EXTRA BLOCKS e -->
</div>
</td>
{/if}
</tr>
</table>
</div>
</div>
</div>
<div class='tpl_foot' align='center'><div>{$copyright}</div><div>{$footmsg}</div><div>{$copytext}</div><div>Template designed by <a href='http://www.memht.com' title='MemHT.com'>MemHT.com</a></div></div>
|
|
|
 |
| |
joao Junior Member

Posts: 12

Gender:  Online: No |
Date: 23/04/2008 14:50 Re: Moving right blocks to the left | #post6434 | Ok Paulo, funciona!... só que agora tenho de alterar tb todo o grafismo circundante, é claro. Vamos a ver se dou com isso... mas só depois.
Obrigado pela ajuda!
Darei notícias.
Um abraço,
Joao |
|
 |
| |
hugarno Junior Member

Posts: 30

Gender:  Online: No |
Date: 23/04/2008 17:30 Re: Moving right blocks to the left | #post6437 | Could you show us your site.
Thank you |
|
 |
| |
hugarno Junior Member

Posts: 30

Gender:  Online: No |
Date: 23/04/2008 19:45 Re: Moving right blocks to the left | #post6441 | Escuse me for double post. i'am using light template. how to move the rihgt block to left?
thank you |
|
 |
| |
paulo89 Moderator Developer

Posts: 1286

Gender:  Online: No
Version: 3.8.1 Country: Portugal Languages: Portuguese, Portuguese and little english ^^ |
Date: 23/04/2008 22:03 Re: Moving right blocks to the left | #post6445 | Hi hugarno
ups lol sorry wrong answer for you, wait a moment Edited: 23/04/2008 23:19 |
|
 |
| |
paulo89 Moderator Developer

Posts: 1286

Gender:  Online: No
Version: 3.8.1 Country: Portugal Languages: Portuguese, Portuguese and little english ^^ |
Date: 23/04/2008 23:24 Re: Moving right blocks to the left | #post6460 | You want:
blocks navigator | blocks extra | main page| right?
if yes open your file templates/light/home.html and replace code
| code |
<!-- HEADER i -->
<table width='960' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr>
<td colspan='3' align='center'><a href='{$site_url}' title='{$site_name}'><img src='templates/{$tpl_template}/images/head_logo.gif' width='794' height='45' border='0'></a></td>
</tr>
<tr>
<td width='3' background='templates/{$tpl_template}/images/l_bg.gif'></td>
<td width='794' bgcolor='#FFFFFF'>
<div style='padding:4px;'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td colspan='3'>
<table width='100%' align='center' height='25' border='0' cellpadding='0' cellspacing='0' background='templates/{$tpl_template}/images/bar_bg.gif'>
<tr>
<td width='1'><img src='templates/{$tpl_template}/images/bar_spacer.gif' width='1' height='25'></td>
<td width='100%' class='tpl_head_text' style='padding:0 4px;'>{$showpath}</td>
<td width='1' align='right'><img src='templates/{$tpl_template}/images/bar_spacer.gif' width='1' height='25'></td>
</tr>
</table>
</td>
</tr>
<tr>
{if condition="$fullscreen < 2"}
<td width='25%' valign='top' style='padding:4px 0 0 0;'>
<!-- NAVIGATOR BLOCKS i -->
{loop name="tpl_blocks_navigator"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
{if condition="$value.usetitle > 0"}
<div class='tpl_title'>{$value.title}</div>
{/if}
<div style='padding: 2px;'>{$value.content}</div>
</td>
</tr>
</table>
</td></tr></table>
<div class='tpl_vspacer'></div>
{/loop}
<!-- NAVIGATOR BLOCKS e -->
</td>
{/if}
{if condition="$fullscreen < 1"}
<td width='25%' valign='top' style='padding:4px 0 0 0;'>
<!-- EXTRA BLOCKS i -->
{loop name="tpl_blocks_extra"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
{if condition="$value.usetitle > 0"}
<div class='tpl_title'>{$value.title}</div>
{/if}
<div style='padding: 2px;'>{$value.content}</div>
</td>
</tr>
</table>
</td></tr></table>
<div class='tpl_vspacer'></div>
{/loop}
<!-- EXTRA BLOCKS e -->
</td>
{/if}
{if condition="$fullscreen < 1"}
<td width='50%' valign='top' style='padding: 4px;'>
{elseif condition="$fullscreen < 2"}
<td width='75%' valign='top' style='padding: 4px 0 4px 4px;' colspan='2'>
{else}
<td width='100%' valign='top' style='padding: 4px 0;' colspan='3'>
{/if}
<!-- HEADER e -->
<!-- MAIN CONTENT i -->
<!-- MESSAGES i -->
{loop name="tpl_messages"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
<div class='tpl_title'>{$value.title}</div>
<div style='padding:2px;'>{$value.content}</div>
</td>
</tr>
</table>
</td></tr></table>
<div class='tpl_vspacer'></div>
{/loop}
<!-- MESSAGES e -->
<!-- CENTRAL BLOCKS i -->
{loop name="tpl_blocks_central"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
{if condition="$value.usetitle > 0"}
<div class='tpl_title'>{$value.title}</div>
{/if}
<div style='padding: 2px;'>{$value.content}</div>
</td>
</tr>
</table>
</td></tr></table>
<div class='tpl_vspacer'></div>
{/loop}
<!-- CENTRAL BLOCKS e -->
<!-- PAGE i -->
{if condition="$tpl_page.title != ''"}
<div class='tpl_title' style='border:1px solid #DBDEE4;'>
{if condition="$tpl_page.url != ''"}
<img src='templates/{$tpl_template}/images/arrow.gif'> <a href='{$tpl_page.url}' title='{$tpl_page.title}'><b>{$tpl_page.title}</b></a>
{else}
<b>{$tpl_page.title}</b>
{/if}
</div>
<div class='tpl_vspacer'></div>
{/if}
{if condition="$tpl_page.name == 'blog'"} {include="blog"} {/if}
{if condition="$tpl_page.name == 'news'"} {include="news"} {/if}
<div>{$tpl_page.content}</div>
<!-- PAGE e -->
<!-- MAIN CONTENT e -->
</td>
</tr>
</table>
</div>
</td>
<td width='3' background='templates/".$siteConfig['template']."/images/r_bg.gif'></td>
</tr>
<tr>
<td background='templates/{$tpl_template}/images/l_bg.gif'></td>
<td height='16' background='templates/{$tpl_template}/images/footer_bg.gif' class='tpl_footer' align='center'>{$copyright}</td>
<td background='templates/{$tpl_template}/images/r_bg.gif'></td>
</tr>
</table>
<div align="center">{$footmsg}</div>
<div align="center">{$copytext}</div>
|
|
|
 |
| |
hugarno Junior Member

Posts: 30

Gender:  Online: No |
Date: 24/04/2008 01:11 Re: Moving right blocks to the left | #post6461 | oups!!!!!!!!!!
sorry my friend. Its a mistake.
I want: main - extra and navigator.
Thank you for your last answer. |
|
 |
| |
paulo89 Moderator Developer

Posts: 1286

Gender:  Online: No
Version: 3.8.1 Country: Portugal Languages: Portuguese, Portuguese and little english ^^ |
Date: 24/04/2008 01:18 Re: Moving right blocks to the left | #post6462 | ok lol
| code |
<!-- HEADER i -->
<table width='960' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr>
<td colspan='3' align='center'><a href='{$site_url}' title='{$site_name}'><img src='templates/{$tpl_template}/images/head_logo.gif' width='794' height='45' border='0'></a></td>
</tr>
<tr>
<td width='3' background='templates/{$tpl_template}/images/l_bg.gif'></td>
<td width='794' bgcolor='#FFFFFF'>
<div style='padding:4px;'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td colspan='3'>
<table width='100%' align='center' height='25' border='0' cellpadding='0' cellspacing='0' background='templates/{$tpl_template}/images/bar_bg.gif'>
<tr>
<td width='1'><img src='templates/{$tpl_template}/images/bar_spacer.gif' width='1' height='25'></td>
<td width='100%' class='tpl_head_text' style='padding:0 4px;'>{$showpath}</td>
<td width='1' align='right'><img src='templates/{$tpl_template}/images/bar_spacer.gif' width='1' height='25'></td>
</tr>
</table>
</td>
</tr>
<tr>
{if condition="$fullscreen < 1"}
<td width='50%' valign='top' style='padding: 4px;'>
{elseif condition="$fullscreen < 2"}
<td width='75%' valign='top' style='padding: 4px 0 4px 4px;' colspan='2'>
{else}
<td width='100%' valign='top' style='padding: 4px 0;' colspan='3'>
{/if}
<!-- HEADER e -->
<!-- MAIN CONTENT i -->
<!-- MESSAGES i -->
{loop name="tpl_messages"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
<div class='tpl_title'>{$value.title}</div>
<div style='padding:2px;'>{$value.content}</div>
</td>
</tr>
</table>
</td></tr></table>
<div class='tpl_vspacer'></div>
{/loop}
<!-- MESSAGES e -->
<!-- CENTRAL BLOCKS i -->
{loop name="tpl_blocks_central"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
{if condition="$value.usetitle > 0"}
<div class='tpl_title'>{$value.title}</div>
{/if}
<div style='padding: 2px;'>{$value.content}</div>
</td>
</tr>
</table>
</td></tr></table>
<div class='tpl_vspacer'></div>
{/loop}
<!-- CENTRAL BLOCKS e -->
<!-- PAGE i -->
{if condition="$tpl_page.title != ''"}
<div class='tpl_title' style='border:1px solid #DBDEE4;'>
{if condition="$tpl_page.url != ''"}
<img src='templates/{$tpl_template}/images/arrow.gif'> <a href='{$tpl_page.url}' title='{$tpl_page.title}'><b>{$tpl_page.title}</b></a>
{else}
<b>{$tpl_page.title}</b>
{/if}
</div>
<div class='tpl_vspacer'></div>
{/if}
{if condition="$tpl_page.name == 'blog'"} {include="blog"} {/if}
{if condition="$tpl_page.name == 'news'"} {include="news"} {/if}
<div>{$tpl_page.content}</div>
<!-- PAGE e -->
<!-- MAIN CONTENT e -->
</td>
{if condition="$fullscreen < 1"}
<td width='25%' valign='top' style='padding:4px 0 0 0;'>
<!-- EXTRA BLOCKS i -->
{loop name="tpl_blocks_extra"}
<table width='100%' border='0' cellpadding='1' cellspacing='0' bgcolor='#DBDEE4'><tr><td>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top' bgcolor='#FFFFFF' class='tpl_block'>
{if condition="$value.usetitle > 0"}
<div class='tpl_title'>{$value.title}</div>
{/if}
<div style='padding: 2px;'>{$value.content}</div>
</td>
</tr>
</table>
 
|
|
|