1- Open the theme.html of the default theme found in XOOPS V.2.0.14 with an html editor or text editor that shows you the code line numbers.
2- Select the centercolumn of the default theme in design view if you can or select line numbers #47- #102, copy this selection
* the centercolumn starts with this tag:
<td id ="centercolumn">
and ends with this tag
td>
right before where it says
<{if $xoops_showrblock == 1}>
3- Open your theme.html and select the centercolumn replacing the code with the one copied from the 2.0.14 default one.
3.1- Another way way would be to add this code:
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>
<table cellspacing="0">
<{if $xoBlocks.page_bottomcenter}>
<tr><td id="bottomCcolumn" colspan="2">
<{foreach from=$xoBlocks.page_bottomcenter item=block}><{include file="default/theme_blockcenter_c.html"}><{/foreach}>
td>
tr>
<{/if}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>
<tr>
<td id="bottomLcolumn">
<{foreach from=$xoBlocks.page_bottomleft item=block}><{include file="default/theme_blockcenter_l.html"}><{/foreach}>
td>
<td id="bottomRcolumn">
<{foreach from=$xoBlocks.page_bottomright item=block}><{include file="default/theme_blockcenter_r.html"}><{/foreach}>
td>
tr>
<{/if}>
table>
<{/if}>
right after:
<div id="content">
<{$xoops_contents}>
div>
4. The above procedure would leave your theme.html upgraded, now we need to add the extra styles for the new blocks. Open the style.css of the theme you want to upgrade and add the following styles:
#bottomCcolumn {padding: 0px 3px 1px 3px;}
#bottomCcolumn .blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
#bottomCcolumn .blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}
#bottomLcolumn, #bottomRcolumn {
width: 50%; padding: 0px 3px 0px 0px;
}
#bottomLcolumn .blockTitle, #bottomRcolumn .blockTitle {
padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;
}
#bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;
}
this is just a rough draft of the additional styles used extracted from the 2.0.14 default theme style.css, improvable in many ways but a fast way to get the new blocks working.
it is recommended you first open the files of the default theme of XOOPS 2.0.14 before starting to upgrade your old one so you can get a global overwiew of the changes you will make.
