You can easily apply these functions(D&D and Resizing) to other XOOPS(Cube) Themes!
--------------------------------
in case of D&D and Resizing
--------------------------------
1) add this after css link
2) add this after xoops_js
<script type="text/javascript">
script>
<script type="text/javascript">
script>
<script type="text/javascript">
script>
3) modify each block-loop like this!
ex)
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<{foreach name=lblockloop item=block from=$xoops_lblocks}>
<div id="ldropzone<{$smarty.foreach.lblockloop.iteration}>">
<div id="DDlblock<{$smarty.foreach.lblockloop.iteration}>">
<div class="blockTitle">
<{$block.title}>
<a href="javascript:toggleSelect('xoopsDDlblock<{$smarty.foreach.lblockloop.iteration}>', 'DDlblock<{$smarty.foreach.lblockloop.iteration}>', 'ldragimage<{$smarty.foreach.lblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration}> );"><img id="ldragimage<{$smarty.foreach.lblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a> <a href="javascript:toggleEffect('resizelblock<{$smarty.foreach.lblockloop.iteration}>', 'lsizeimage<{$smarty.foreach.lblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration}>)"><img id="lsizeimage<{$smarty.foreach.lblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
div>
<div id="resizelblock<{$smarty.foreach.lblockloop.iteration}>" class="blockContent">
<{$block.content}>
div>
div>
div>
<{/foreach}>
td>
<td id="centercolumn">
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<{foreach name=ccblockloop item=block from=$xoops_ccblocks}>
<div id="ccdropzone<{$smarty.foreach.ccblockloop.iteration}>">
<div id="DDccblock<{$smarty.foreach.ccblockloop.iteration}>">
<div style="padding: 5px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDccblock<{$smarty.foreach.ccblockloop.iteration}>', 'DDccblock<{$smarty.foreach.ccblockloop.iteration}>', 'ccdragimage<{$smarty.foreach.ccblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration}> );"><img id="ccdragimage<{$smarty.foreach.ccblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a> <a href="javascript:toggleEffect('resizeccblock<{$smarty.foreach.ccblockloop.iteration}>', 'ccsizeimage<{$smarty.foreach.ccblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration}>)"><img id="ccsizeimage<{$smarty.foreach.ccblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
legend>
<div id="resizeccblock<{$smarty.foreach.ccblockloop.iteration}>" class="blockContent"><{$block.content}>div>
fieldset>
div>
div>
div>
<{/foreach}>
td>
tr>
<tr>
<td id="centerLcolumn">
<{foreach name=clblockloop item=block from=$xoops_clblocks}>
<div id="cldropzone<{$smarty.foreach.clblockloop.iteration}>">
<div id="DDclblock<{$smarty.foreach.clblockloop.iteration}>">
<div style="padding: 0px 0px 0px 8px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDclblock<{$smarty.foreach.clblockloop.iteration}>', 'DDclblock<{$smarty.foreach.clblockloop.iteration}>', 'cldragimage<{$smarty.foreach.clblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration}> );"><img id="cldragimage<{$smarty.foreach.clblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a> <a href="javascript:toggleEffect('resizeclblock<{$smarty.foreach.clblockloop.iteration}>', 'clsizeimage<{$smarty.foreach.clblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration}>)"><img id="clsizeimage<{$smarty.foreach.clblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
legend>
<div id="resizeclblock<{$smarty.foreach.clblockloop.iteration}>" class="blockContent"><{$block.content}>div>
fieldset>
div>
div>
div>
<{/foreach}>
td><td id="centerRcolumn">
<{foreach name=crblockloop item=block from=$xoops_crblocks}>
<div id="crdropzone<{$smarty.foreach.crblockloop.iteration}>">
<div id="DDcrblock<{$smarty.foreach.crblockloop.iteration}>">
<div style="padding: 0px 5px 0px 0px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDcrblock<{$smarty.foreach.crblockloop.iteration}>', 'DDcrblock<{$smarty.foreach.crblockloop.iteration}>', 'crdragimage<{$smarty.foreach.crblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration}> );"><img id="crdragimage<{$smarty.foreach.crblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a> <a href="javascript:toggleEffect('resizecrblock<{$smarty.foreach.crblockloop.iteration}>', 'crsizeimage<{$smarty.foreach.crblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration}>)"><img id="crsizeimage<{$smarty.foreach.crblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
legend>
<div id="resizecrblock<{$smarty.foreach.crblockloop.iteration}>" class="blockContent"><{$block.content}>div>
fieldset>
div>
div>
div>
<{/foreach}>
td>
tr>
table>
<{/if}>
<div id="content">
<{$xoops_contents}>
div>
td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<{foreach name=rblockloop item=block from=$xoops_rblocks}>
<div id="rdropzone<{$smarty.foreach.rblockloop.iteration}>">
<div id="DDrblock<{$smarty.foreach.rblockloop.iteration}>">
<div class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDrblock<{$smarty.foreach.rblockloop.iteration}>', 'DDrblock<{$smarty.foreach.rblockloop.iteration}>', 'rdragimage<{$smarty.foreach.rblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration+$smarty.foreach.rblockloop.iteration}> );"><img id="rdragimage<{$smarty.foreach.rblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a> <a href="javascript:toggleEffect('resizerblock<{$smarty.foreach.rblockloop.iteration}>', 'rsizeimage<{$smarty.foreach.rblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration+$smarty.foreach.rblockloop.iteration}>)"><img id="rsizeimage<{$smarty.foreach.rblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
div>
<div id="resizerblock<{$smarty.foreach.rblockloop.iteration}>" class="blockContent"><{$block.content}>div>
div>
div>
<{/foreach}>
td>
<{/if}>
tr>
table>
4)That's all! Just enjoy!!
--------------------------------
in case of only D&D
--------------------------------
1) add this after css link
2) add this after xoops_js
<script type="text/javascript">
script>
<script type="text/javascript">
script>
3) modify each block-loop like this!
ex)
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<{foreach name=lblockloop item=block from=$xoops_lblocks}>
<div id="ldropzone<{$smarty.foreach.lblockloop.iteration}>">
<div id="DDlblock<{$smarty.foreach.lblockloop.iteration}>">
<div class="blockTitle">
<{$block.title}>
<a href="javascript:toggleSelect('xoopsDDlblock<{$smarty.foreach.lblockloop.iteration}>', 'DDlblock<{$smarty.foreach.lblockloop.iteration}>', 'ldragimage<{$smarty.foreach.lblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration}> );"><img id="ldragimage<{$smarty.foreach.lblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a>
div>
<div class="blockContent">
<{$block.content}>
div>
div>
div>
<{/foreach}>
td>
<td id="centercolumn">
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<{foreach name=ccblockloop item=block from=$xoops_ccblocks}>
<div id="ccdropzone<{$smarty.foreach.ccblockloop.iteration}>">
<div id="DDccblock<{$smarty.foreach.ccblockloop.iteration}>">
<div style="padding: 5px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDccblock<{$smarty.foreach.ccblockloop.iteration}>', 'DDccblock<{$smarty.foreach.ccblockloop.iteration}>', 'ccdragimage<{$smarty.foreach.ccblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration}> );"><img id="ccdragimage<{$smarty.foreach.ccblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a>
legend>
<div class="blockContent"><{$block.content}>div>
fieldset>
div>
div>
div>
<{/foreach}>
td>
tr>
<tr>
<td id="centerLcolumn">
<{foreach name=clblockloop item=block from=$xoops_clblocks}>
<div id="cldropzone<{$smarty.foreach.clblockloop.iteration}>">
<div id="DDclblock<{$smarty.foreach.clblockloop.iteration}>">
<div style="padding: 0px 0px 0px 8px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDclblock<{$smarty.foreach.clblockloop.iteration}>', 'DDclblock<{$smarty.foreach.clblockloop.iteration}>', 'cldragimage<{$smarty.foreach.clblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration}> );"><img id="cldragimage<{$smarty.foreach.clblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a>
legend>
<div class="blockContent"><{$block.content}>div>
fieldset>
div>
div>
div>
<{/foreach}>
td><td id="centerRcolumn">
<{foreach name=crblockloop item=block from=$xoops_crblocks}>
<div id="crdropzone<{$smarty.foreach.crblockloop.iteration}>">
<div id="DDcrblock<{$smarty.foreach.crblockloop.iteration}>">
<div style="padding: 0px 5px 0px 0px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDcrblock<{$smarty.foreach.crblockloop.iteration}>', 'DDcrblock<{$smarty.foreach.crblockloop.iteration}>', 'crdragimage<{$smarty.foreach.crblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration}> );"><img id="crdragimage<{$smarty.foreach.crblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a>
legend>
<div class="blockContent"><{$block.content}>div>
fieldset>
div>
div>
div>
<{/foreach}>
td>
tr>
table>
<{/if}>
<div id="content">
<{$xoops_contents}>
div>
td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<{foreach name=rblockloop item=block from=$xoops_rblocks}>
<div id="rdropzone<{$smarty.foreach.rblockloop.iteration}>">
<div id="DDrblock<{$smarty.foreach.rblockloop.iteration}>">
<div class="blockTitle"><{$block.title}>
<a href="javascript:toggleSelect('xoopsDDrblock<{$smarty.foreach.rblockloop.iteration}>', 'DDrblock<{$smarty.foreach.rblockloop.iteration}>', 'rdragimage<{$smarty.foreach.rblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration+$smarty.foreach.rblockloop.iteration}> );"><img id="rdragimage<{$smarty.foreach.rblockloop.iteration}>" src="<{$xoops_imageurl}>drag.gif" alt="Click me if you want to drag this block" />a>
div>
<div class="blockContent"><{$block.content}>div>
div>
div>
<{/foreach}>
td>
<{/if}>
tr>
table>
4)That's all! Just enjoy!!
--------------------------------
in case of only Resizing
--------------------------------
1) add this after css link
2) add this after xoops_js
<script type="text/javascript">
script>
3) modify each block-loop like this!
ex)
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<{foreach name=lblockloop item=block from=$xoops_lblocks}>
<div class="blockTitle">
<{$block.title}>
<a href="javascript:toggleEffect('resizelblock<{$smarty.foreach.lblockloop.iteration}>', 'lsizeimage<{$smarty.foreach.lblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration}>)"><img id="lsizeimage<{$smarty.foreach.lblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
div>
<div id="resizelblock<{$smarty.foreach.lblockloop.iteration}>" class="blockContent">
<{$block.content}>
div>
<{/foreach}>
td>
<td id="centercolumn">
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<{foreach name=ccblockloop item=block from=$xoops_ccblocks}>
<div style="padding: 5px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleEffect('resizeccblock<{$smarty.foreach.ccblockloop.iteration}>', 'ccsizeimage<{$smarty.foreach.ccblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration}>)"><img id="ccsizeimage<{$smarty.foreach.ccblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
legend>
<div id="resizeccblock<{$smarty.foreach.ccblockloop.iteration}>" class="blockContent"><{$block.content}>div>
fieldset>
div>
<{/foreach}>
td>
tr>
<tr>
<td id="centerLcolumn">
<{foreach name=clblockloop item=block from=$xoops_clblocks}>
<div style="padding: 0px 0px 0px 8px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleEffect('resizeclblock<{$smarty.foreach.clblockloop.iteration}>', 'clsizeimage<{$smarty.foreach.clblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration}>)"><img id="clsizeimage<{$smarty.foreach.clblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
legend>
<div id="resizeclblock<{$smarty.foreach.clblockloop.iteration}>" class="blockContent"><{$block.content}>div>
fieldset>
div>
<{/foreach}>
td><td id="centerRcolumn">
<{foreach name=crblockloop item=block from=$xoops_crblocks}>
<div style="padding: 0px 5px 0px 0px;">
<fieldset>
<legend class="blockTitle"><{$block.title}>
<a href="javascript:toggleEffect('resizecrblock<{$smarty.foreach.crblockloop.iteration}>', 'crsizeimage<{$smarty.foreach.crblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration}>)"><img id="crsizeimage<{$smarty.foreach.crblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
legend>
<div id="resizecrblock<{$smarty.foreach.crblockloop.iteration}>" class="blockContent"><{$block.content}>div>
fieldset>
div>
<{/foreach}>
td>
tr>
table>
<{/if}>
<div id="content">
<{$xoops_contents}>
div>
td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<{foreach name=rblockloop item=block from=$xoops_rblocks}>
<div class="blockTitle"><{$block.title}>
<a href="javascript:toggleEffect('resizerblock<{$smarty.foreach.rblockloop.iteration}>', 'rsizeimage<{$smarty.foreach.rblockloop.iteration}>', <{$smarty.foreach.lblockloop.iteration+$smarty.foreach.ccblockloop.iteration+$smarty.foreach.clblockloop.iteration+$smarty.foreach.crblockloop.iteration+$smarty.foreach.rblockloop.iteration}>)"><img id="rsizeimage<{$smarty.foreach.rblockloop.iteration}>" src="<{$xoops_imageurl}>minimize.gif" alt="Click me if you want to minimize this block" />a>
div>
<div id="resizerblock<{$smarty.foreach.rblockloop.iteration}>" class="blockContent"><{$block.content}>div>
<{/foreach}>
td>
<{/if}>
tr>
table>
4)That's all! Just enjoy!!
--------------------------------------------
From wanikoo
