清新简单DIY首页多格

三白荡的浪头 · 发表于 2012-4-28 16:43:00

本帖最后由三白荡的浪头于 2012-5-10 09:46 编辑

看到论坛上一个叫eis_015的模板中有个这样简单的首页N格看后很喜欢就把它分离出来分享给大家！
演示地址：http://www.sinyou.net
演示图：

要修改一个文件：
如果你是默认模板就修改template/default/forum/discuz.htm文件
其它模板的类推

找开discuz.htm
在开头找到：

复制代码

在下面添加一段CSS：

<style type="text/css">
.eis_f1{ border:1px solid #5294c9;padding:0 200px 0 310px !important; height:242px; position:relative}
.eis_f1 .frame-1-1-1-l{ width:310px; position:absolute; left:0px; top:-1px; padding:0px;}
.eis_f1 .frame-1-1-1-r{ width:200px; position:absolute; right:0px; top:-1px;}
.eis_f1 .frame-1-1-1-c{ width:100%;}
.eis_b1{ margin:0px;}
.eis_b1 .blocktitle{ background:url({IMGDIR}/eis_diytitle.gif) repeat-x 0 bottom; color:#fff}
.eis_b1 .dxb_bc{ padding:5px;}
.eis_t1{ border:0px;height:242px; border-left:1px solid #5294c9; border-right:1px solid #5294c9;margin:-1px 0 0 0}
.eis_t1 .tab-title{ background:url({IMGDIR}/eis_diytitle.gif) repeat-x 0 bottom; color:#fff}
.eis_t1 .tb{ padding-left:0px}
.eis_t1 .tb a{ border-color:#5294c9; color:#fff}
.eis_t1 .tb .a a{ color:#369}
.eis_t1 .tb-c{ padding:10px 10px 0 10px;}
.eis_toplist{ line-height:24px;}
.eis_toplist li{ height:24px; padding-left:3px; font-size:12px; overflow:hidden}
.eis_toplist li strong{ font-weight:normal; margin-right:4px;}
.eis_toplist li strong a{ color:#369}
.eis_toplist li span{ float:right; margin-left:6px; color:#999}
.eis_toplist li span a{ color:#999}
</style>

复制代码

提拱两个文件一个是XML文件是在首页DIY导入，还一个GIF图片是放在相应模板的图片目录！
（默认的图片目录在static/image/common其它的自己类推）

两个文件下载：

thinknow · 发表于 2012-4-29 21:08:57

来看看学习下

尼码B · 发表于 2012-4-30 16:52:01

来看看学习下

浮躁の小宇 · 发表于 2012-5-4 22:13:15

支持了

80985305 · 发表于 2012-5-8 11:56:27

你好，你制作的那个清新简单DIY首页多格支持x2版本吗，我在x2里导入的时候没反应

三白荡的浪头 · 发表于 2012-5-8 13:07:58

我是做好后X2.5导出的，可能不支持2.0！

噶子1 · 发表于 2012-5-9 23:42:17

下载都需要花钱啊。。

sbmtv5202 · 发表于 2012-5-27 08:07:56

挺不错的，暂时用不上。。。。做个记号。。

linlianboy · 发表于 2012-8-2 07:53:38

神人啊，这个就是我需要的

zan2sd · 发表于 2012-8-2 23:24:11

我记下子

		自动登录	找回密码
密码			立即注册

[修改] 清新简单DIY首页多格

本帖子中包含更多资源

评分