下载 & 示例
羡慕制作可以拖放的主题
网站 “http://www.dhtmlgoodies.com” 提供了一个简单的脚本：您只需在 theme.html 中调用一个“js”文件（在存档的“JS”文件中找到，命名为 dragable-content.js），在 <{$xoops_module_header}> 之间放置 <"head"> 和 <"/head"> 的顶部。
然后您必须为需要移动的每个块创建一个新 <"div">。
针对“内容”元素的示例
对于左侧和右侧的修改块，可以像以下那样修改 blockzone.hmtl
正确地对块进行尺寸上的调整，请确保您可以在我们主题的block.css文件的末尾找到必须通知的尺寸。
这些块是“可拖动的”，并且它们被记录在访问者的计算机上的cookie中，所有页面都可以有所不同地个性化。
感谢Kris_fr的调试。
羡慕制作可以拖放的主题
网站 “http://www.dhtmlgoodies.com” 提供了一个简单的脚本：您只需在 theme.html 中调用一个“js”文件（在存档的“JS”文件中找到，命名为 dragable-content.js），在 <{$xoops_module_header}> 之间放置 <"head"> 和 <"/head"> 的顶部。
<script type="text/javascript">
var rememberPositionedInCookie = true;
var rememberPosition_cookieName = 'dragable';
script>
<script type="text/javascript src="<{xoImgUrl /js/dragable-content.js}>">script> 然后您必须为需要移动的每个块创建一个新 <"div">。
针对“内容”元素的示例
<div class="dragableElement">
<div id="xo-content"><{$xoops_contents}>div>
div> 对于左侧和右侧的修改块，可以像以下那样修改 blockzone.hmtl
<{foreach from=$blocks item=block}>
<div><div><{if $block.title}><span style="color: #0000BB" class="xo-blocktitle"><{$block.title}></span></if>
<div style="color: #0000BB" class="xo-blockcontent"><{$block.content}></div>
</div>
</div>
<{foreach}> </span> 正确地对块进行尺寸上的调整，请确保您可以在我们主题的block.css文件的末尾找到必须通知的尺寸。
/*块中央顶部和底部*/
#xo-page-topleftblocks .xo-block, #xo-page-toprightblocks .xo-block, #xo-page-bottomleftblocks .xo-block, #xo-page-bottomrightblocks .xo-block {
width: 280px;
}
/*块中央*/
#xo-page-topcenterblocks .xo-block, #xo-page-bottomcenterblocks .xo-block {
width: 600px;
}
/*块右边*/
#xo-canvas-rightcolumn .xo-block {
width: 170px;
}
/*块左边*/
#xo-canvas-leftcolumn .xo-block {
width: 190px;
} 这些块是“可拖动的”，并且它们被记录在访问者的计算机上的cookie中，所有页面都可以有所不同地个性化。
感谢Kris_fr的调试。
|
|
Login
Search
Recent Comments
Who's Online
Donat-O-Meter
| Stats | |
| Goal: | $100.00 |
| Due Date: | Aug 31 |
| Gross Amount: | $0.00 |
| Net Balance: | $0.00 |
| Left to go: | $100.00 |
 |
|