分享增加DIY框架

要改动的文件以下

default\common\

1、找到 header_diy.htm 文件 搜索

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

复制代码

看到官方原来的

1. <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>
   
2. <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>
   
3. <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>

复制代码

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

1. 
   
2. <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 文件

参考官方的复制一个

类似

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

复制代码

就是这样完成一个框架的增加。然后记得 工具 &#187; 更新缓存

有需要的 顶一个。。

二楼支持。。。哈哈。。。。广告位出售

支持~~@@@@@@

l留个演示~~~~~~~~~

再来个演示就更好了。。。。。。。。。。。

再来个演示就更好了

先顶了，然后再改，真是雪中送炭！

不知道你这个框架是做什么用~~呵呵~~~

好东西