当前位置:首页 » discuz » Discuz DIY添加 NNN 框架
Discuz DIY添加 NNN 框架
来自:thinksnet时间:2012-04-01 20:49:46

 

1,上传图片到static\image\diy\目录下,并改名为:layout-1-2-1.png

修改default\common\
2,找到 header_diy.htm 文件 搜索以下代码:
<ul id=”contentframe”>
<li><a href=”javascript:;” id=”frame_1″ data=”$widthstr”><img src=”{STATICURL}image/diy/layout-1.png” />100%框架</a></li>
<li><a href=”javascript:;” id=”frame_1_1″><img src=”{STATICURL}image/diy/layout-1-1.png” />1:1</a></li>
<li><a href=”javascript:;” id=”frame_1_2″><img src=”{STATICURL}image/diy/layout-1-2.png” />1:2</a></li>
在这段代码以下添加:
<li><a href=”javascript:;” id=”frame_r1″ onmousedown=”drag.createObj(event,’frame’,'r1-0-0′);” onfocus=”this.blur();”><img src=”{STATICURL}image/diy/layout-r1.png” />R1</a></li>

<li><a href=”javascript:;” id=”frame_r2″ onmousedown=”drag.createObj(event,’frame’,'r2-0-0′);” onfocus=”this.blur();”><img src=”{STATICURL}image/diy/layout-r2.png” />R2</a></li>
3、找到 common.css 文件

.frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l { float: left; }
.frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r { float: right; }
.frame-1-1-l, .frame-1-1-r { width: 49.9% }
.frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l { width: 33.3%; }
.frame-2-1-l, .frame-1-2-r { width: 66.6%; }
.frame-3-1-l, .frame-1-3-r { width: 74.9%; }
.frame-3-1-r, .frame-1-3-l { width: 24.9%; }
替换成下面的代码

.frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l ,.frame-r1-0-0-l,.frame-r1-0-0-c,.frame-r2-0-0-l,.frame-r2-0-0-c{ float: left; }
.frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r ,.frame-r1-0-0-r,.frame-r2-0-0-r{ float: right; }
.frame-1-1-l, .frame-1-1-r { width: 49.9% }
.frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l { width: 33.3%; }
.frame-r1-0-0-l{float:left; width:33.2%;}
.frame-r1-0-0-c{float:left; width:44.4%}
.frame-r1-0-0-r{float:right; width:22.4%}
.frame-r2-0-0-l{float:left; width:38.3%}
.frame-r2-0-0-c{float:left; width:38.3%}
.frame-r2-0-0-r{float:right; width:22.4%}
.frame-2-1-l, .frame-1-2-r { width: 66.6%; }
.frame-3-1-l, .frame-1-3-r { width: 74.9%; }
.frame-3-1-r, .frame-1-3-l { width: 24.9%; }
然后记得 台后-工具- 更新缓存。。前台就可以了。
关键词:Discuz