http://wiki.blueidea.com/index.php?action=history&feed=atom&title=Discuz%21X%2F%E5%A2%9E%E5%8A%A0DIY%E6%A1%86%E6%9E%B6
Discuz!X/增加DIY框架 - 版本历史
2026-04-29T17:36:30Z
本wiki的该页面的版本历史
MediaWiki 1.24.1
http://wiki.blueidea.com/index.php?title=Discuz!X/%E5%A2%9E%E5%8A%A0DIY%E6%A1%86%E6%9E%B6&diff=7556&oldid=prev
蓝色：创建新页面为 '要改动的文件以下 default\common\ 1、找到 header_diy.htm 文件 搜索 <pre><ul id="contentframe" class="content hide"></pre> 复制代码看到官方原来的 <pre>…'
2011-01-07T23:10:33Z
<p>创建新页面为 '要改动的文件以下 default\common\ 1、找到 header_diy.htm 文件 搜索 <pre><ul id="contentframe" class="content hide"></pre> 复制代码看到官方原来的 <pre>…'</p>
<p><b>新页面</b></p><div>要改动的文件以下<br />
<br />
default\common\<br />
<br />
1、找到 header_diy.htm 文件 搜索<br />
<pre><ul id="contentframe" class="content hide"></pre><br />
复制代码看到官方原来的<br />
<pre><br />
<li><a href="javascript:;" id="frame_1" onmousedown="drag.createObj(event,'frame','1');" onfocus="this.blur();" data="$widthstr"><img src="{STATICURL}image/diy/layout-1.png" />100%框架</a></li><br />
<li><a href="javascript:;" id="frame_1_1" onmousedown="drag.createObj(event,'frame','1-1');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-1-1.png" />1:1</a></li><br />
<li><a href="javascript:;" id="frame_1_2" onmousedown="drag.createObj(event,'frame','1-2');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-1-2.png" />1:2</a></li><br />
</pre><br />
复制代码按照官方的例子复一个 像这样。大家想要什么比例自己看着做就行。<br />
<pre><li><a href="javascript:;" id="frame_1_2_1" onmousedown="drag.createObj(event,'frame','1-2-1');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-1-2-1.png" />1:2:1</a></li></pre><br />
复制代码比例的图片自己照着PS就好了。<br />
<br />
2、找到 common.css 文件<br />
<br />
参考官方的复制一个<br />
<br />
类似<br />
<br />
..frame-1-2-1 { }<br />
..frame-1-2-1 .col-l { float: left; width: 33.3%; }<br />
..frame-1-2-1 .col-c { float: left; width: 33.3%; }<br />
..frame-1-2-1 .col-r { float: right; width: 33.3%; }<br />
<br />
复制代码就是这样完成一个框架的增加。然后记得 工具 » 更新缓存</div>
蓝色