Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

分享增加X3.1-DIY1:2:1框架方法

[复制链接]
lszai86 发表于 2013-11-23 03:27:56 | 显示全部楼层 |阅读模式
DIY模块素材
模块类型: 论坛类
展示风格: 纯代码
是否原创:
本帖最后由 lszai86 于 2013-11-23 03:33 编辑

需要改动的2个文件:\template\default\common\header_diy.htmh和common.css 同一个目录
1、打开 header_diy.htm 文件搜索找到以下代码位置
  1. <ul id="contentframe" class="content hide">
复制代码

方法:将<li>....复制一行 改属性就可以了,按顺序(框架ID,CSSID,图形,比例)相对应改一下就行了
2,common.css文件搜索找到以下代码位置:
  1. /* 新的框架结构 */
复制代码

将“/* 新的框架结构 */.........../* End */”这整段代码替换成以下修改过的代码
  1.         /* 新的框架结构 */
  2.         .frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-1-2-1-l, .frame-1-2-1-c, .frame-3-1-l, .frame-1-3-l { float: left; }
  3.         .frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-1-2-1-r, .frame-3-1-r, .frame-1-3-r { float: right; }
  4.         .frame-1-1-l, .frame-1-1-r, .frame-1-2-1-c { width: 49.9%; }
  5.         .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%; }
  6.         .frame-2-1-l, .frame-1-2-r { width: 66.6%; }
  7.         .frame-3-1-l, .frame-1-3-r { width: 74.9%; }
  8.         .frame-3-1-r, .frame-1-3-l, .frame-1-2-1-l, .frame-1-2-1-r { width: 24.9%; }
  9.         /* End */
复制代码

图形自己PS后上传(/static/image/diy),修改完成记得后台点缓冲一下先。操作之前记得做好备份,代码很简单又很复杂,少个标点少个空格都不行。

不懂的可以到www.gxls.net网站看看。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
wirst 发表于 2014-3-3 20:46:22 | 显示全部楼层
先来一个1:3然后再来个2:1不是搞定了吗/干嘛还要弄个1:2:1呢
回复

使用道具 举报

紫罗袍 发表于 2014-9-20 11:24:24 | 显示全部楼层
正好需要这个,感谢楼主的无私分享
回复

使用道具 举报

liuyingnan 发表于 2015-7-8 18:30:28 | 显示全部楼层
亲 你这个主题真对我 有帮助 要是不麻烦滴话 希望能远程帮我弄个1:3:1滴 框架  
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-1 10:34 , Processed in 0.035027 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表