Discuz!X/增加DIY框架

要改动的文件以下

default\common\

1、找到 header_diy.htm 文件 搜索

<ul id="contentframe" class="content hide">

复制代码看到官方原来的

<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>
<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>
<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>

复制代码按照官方的例子复一个 像这样。大家想要什么比例自己看着做就行。

<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>

复制代码比例的图片自己照着PS就好了。

2、找到 common.css 文件

参考官方的复制一个

类似

..frame-1-2-1 {  }
..frame-1-2-1 .col-l { float: left; width: 33.3%; }
..frame-1-2-1 .col-c { float: left; width: 33.3%; }
..frame-1-2-1 .col-r { float: right; width: 33.3%; }

复制代码就是这样完成一个框架的增加。然后记得 工具 » 更新缓存