QQ登录

只需一步,快速开始

登录 立即注册
搜索
|
开启左侧

[Discuz教程] 【分享】剥离Yeei 首页N格,提供给大家使用

[复制链接]
落水鱼 发表于 2012-4-13 14:15:01 | 显示全部楼层 |阅读模式
主题1 | 帖子4 | 积分5

本帖最后由 落水鱼 于 2012-4-13 16:22 编辑

非常喜欢YEEI现在各种风格的首页N格,今天就自己尝试了一下,把N格给剥离出来!提供给喜欢的人使用!
首先声明:版权由yeei(www.yeei.cn[/url])版权所有,我只是剥离N格而已!

先看演示网址:http://www.jiyuanren.com/forum.php
YEEI首页N格.jpg

如果不喜欢呢,就可以直接跳过了!

方法:
1、上传图片文件(默认模板目录:/static/image/common/)
把附件下载,然后解压,把img 文件夹传到你的文件目录(看清楚,img文件夹不是文件夹的内容)
2、CSS添加N格css样式
  1. .frame{ border:none; padding:0px; margin:0px}.move-span { border:none; background:none; padding:0px; margin:0px}.yeei_sw{padding:0;margin-top:-1px;*margin-top:-16px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-top: 1px solid #D9D9D9;}.yeei_sw1{height:107px; overflow:hidden;border-bottom:1px solid #D9D9D9;}.yeei_sw1l{ margin-right:320px;_margin-right:323px;padding:10px 10px 0 15px;background:#fff url({IMGDIR}/img/show_1_bg.gif) repeat-x 0 0px;position: relative}.yeei_sw1l .hot{background:url({IMGDIR}/img/new.png) no-repeat right 0;position: absolute;right:0px;top:1px; width:48px; height:47px;_background:none}.yeei_sw1l .m { margin-top:0px; padding-right:5px;*padding-right:0px}.yeei_sw1l .m img{ border:1px solid #E0E0E0; background:#fff; padding:1px}.yeei_sw1l dt{ font-size:16px; padding-bottom:3px; padding-top:1px;font-family:'Hiragino Sans GB','Microsoft YaHei','宋体',Helvetica,Arial,sans-serif;}.yeei_sw1l dd{ color:#666;margin-bottom:5px}.yeei_sw1l .b{ color:#888;}.yeei_sw1l .b a{ color:#77828E; margin-right:6px}.yeei_sw1r{float:right;height:98px; width:313px;_width:316px; overflow:hidden; padding-left:7px; padding-top:8px;background:url({IMGDIR}/img/show_2_bg.gif) no-repeat 0 0;}.yeei_sw1r .chart{ background:none;width:300px; padding-bottom:10px; padding-left:6px;background: url({IMGDIR}/img/bottom_b.gif) repeat-x 0 bottom;}.yeei_sw1r .yeei_wb{ padding-left:7px; padding-top:2px;}.yeei_sw1r a{cursor: pointer;}.yeei_sw1r a:hover{text-decoration: none;}.yeei_wb dt { height:19px;overflow:hidden;padding-bottom:9px;font-family:'宋体',Helvetica,Arial,sans-serif; font-weight: 700;background:url({IMGDIR}/img/wb.gif) no-repeat -54px 4px; padding-left:17px}.yeei_wb .n { float: left; color:#666; width:220px; overflow:hidden; background:#FFFFF0; border:1px solid #EDD180; height:23px; line-height:23px; padding:0 6px;}.yeei_wb .n b{ color:#F08800; font-weight:none}.yeei_wb .m { float: left; margin:0px; height:54px; width:54px; margin-right:7px;}.yeei_wb .m img{ border:1px solid #85898C; padding:1px;}.yeei_wb span{float:left; margin-top:2px;margin-right:10px; font-size:14px}.yeei_wb .ting{width:66px;height:19px;display: block;background:url({IMGDIR}/img/wb.gif) no-repeat 0 bottom; float:left}.yeei_sw2{height:195px;overflow:hidden;border-bottom:1px solid #D9D9D9}.yeei_sw2l{margin-right:318px;height:195px;border-right:1px solid #D9D9D9}.yeei_sw2r{ float:right;width:313px; overflow:hidden; padding-left:5px; padding-top:5px;}.yeei_sw2l .title{background: url({IMGDIR}/img/tab_bg.gif) repeat-x 0 0; height:40px;}.yeei_sw2l .titletext{font-size:12px;font-weight:normal;}.yeei_sw2l .tb a{padding:0px; background: url({IMGDIR}/img/tab_a.gif) no-repeat 0 -40px!important; margin-right:5px; color:#444; border:none;text-align:center;width:85px; height:40px}.yeei_sw2l .tb-c{ padding:10px; border:none}.yeei_sw2l .tb .a a {background:url({IMGDIR}/img/tab_a.gif) no-repeat 0 0!important;font-weight: 700; color:#333;}.yeei_sw2l .module ul li{width:50%;*width:49%;border-bottom:1px dotted #ddd; float:left; margin-bottom:3px; padding:0 0px 3px 0; }.yeei_sw2l .module ul li span{background:url({IMGDIR}/img/li.gif) no-repeat 5px 6px; padding-left:15px;}.yeei_sw2l .module ul li em{ font-size:11px; margin-right:10px;}.yeei_sw2l .module ul li a:hover{color:#225F8F;text-decoration: none;}
复制代码


3、模板中添加N格代码(默认模板文件是:/template/default/forum/discuz.htm)位置:可以直接插入到
  1. <!--{subtemplate common/header}-->
复制代码

下面就可以!如果感觉不合适,自己调整!

  1. <!--yeei_sw start--><div class="yeei_sw"><div class="yeei_sw1"><div class="yeei_sw1r">        <!--{if empty($gid)}-->                <div id="chart" class="bm bw0 cl">                        <p class="chart z">{lang index_today}: <em>$todayposts</em><span class="pipe">|</span>{lang index_yesterday}: <em>$postdata[0]</em><span class="pipe">|</span>{lang index_posts}: <em>$posts</em><span class="pipe">|</span>{lang index_members}: <em>$_G['cache']['userstats']['totalmembers']</em></p></div>        <!--{/if}-->
  2. <div class="yeei_wb">
  3. <!--[diy=yeei2]--><div id="yeei2" class="area"></div><!--[/diy]--></div></div><div class="yeei_sw1l"><div class="hot"></div><!--[diy=yeei1]--><div id="yeei1" class="area"></div><!--[/diy]-->
  4. </div>
  5. </div><div class="yeei_sw2"><div class="yeei_sw2r">
  6. <!--[diy=yeei4]--><div id="yeei4" class="area"></div><!--[/diy]--></div><div class="yeei_sw2l"><!--[diy=yeei3]--><div id="yeei3" class="area"></div><!--[/diy]--></div>

  7. </div>
  8. </div><!--yeei_sw end-->
复制代码


4、打开论坛首页,管理账号登陆,DIY中导入forum_discuz.xml文件!

然后更新缓存 就可以了!
PS:我的论坛是2.0版本的,2.5版本的,没有测试!

dz官方帖地址:[url=http://www.discuz.net/thread-2762936-1-1.html]http://www.discuz.net/thread-2762936-1-1.html



YEEI首页N格.rar

195.36 KB, 下载次数: 4954

评分

参与人数 1金币 +10 收起 理由
晴春 + 10 赞一个!

查看全部评分

回复

使用道具 举报

音趣网 测试组 发表于 2012-4-14 03:48:32 | 显示全部楼层
主题3 | 帖子50 | 积分53

好吧,收下了
回复 支持 反对

使用道具 举报

【★凌枫★】 发表于 2012-4-24 10:46:52 | 显示全部楼层
主题0 | 帖子1 | 积分1

css 加到哪个文件里?
回复 支持 反对

使用道具 举报

yalin 发表于 2012-4-27 16:10:10 | 显示全部楼层
主题2 | 帖子19 | 积分26

不错,支持!!!
回复 支持 反对

使用道具 举报

意123 发表于 2012-4-29 17:26:34 | 显示全部楼层
主题1 | 帖子5 | 积分6

不错,这个支持一下
回复 支持 反对

使用道具 举报

野猪先生 发表于 2012-4-29 22:15:22 | 显示全部楼层
主题0 | 帖子10 | 积分10

这是个好东西 收下了
回复 支持 反对

使用道具 举报

余雪雨 发表于 2012-5-19 14:32:25 | 显示全部楼层
主题0 | 帖子5 | 积分5

虽然是我很想要的东西,可是还是不懂怎么弄。事实上,我不想要hot和微博区域。
回复 支持 反对

使用道具 举报

尚可 发表于 2012-6-4 22:55:08 | 显示全部楼层
主题0 | 帖子1 | 积分1

不错········
回复 支持 反对

使用道具 举报

忆雪ぜ微寒 发表于 2012-7-16 10:19:18 | 显示全部楼层
主题0 | 帖子7 | 积分7

不错哦!效果很棒!
回复 支持 反对

使用道具 举报

xx1582 发表于 2012-7-23 02:58:24 | 显示全部楼层
主题2 | 帖子6 | 积分8

东西很好 不过我装了出现一些小问题。
装在门户上。收听微博上面的 发帖统计 出现乱码了 不知道怎么解决。
出错地址:www.zhihuikey.com  还请老大帮忙看看
回复 支持 反对

使用道具 举报

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

本版积分规则

Yeei ! Design 专注于Discuz模板应用开发!

TEL :18310399549 ( 咨询及商业用户支持 ) 微博 :晴春 (Yeei!Design)

QQ :839983361 (咨询)/86667933 (技术) Q群 :87250604 87250647 80422007 87250678

小黑屋|手机浏览|积分规则|支付宝付款|京ICP备14022774号 
GMT+8, 2019-1-18 18:24 , Processed in 0.340144 second(s), 31 queries , Gzip On.

© 2001-2013 Powered by Discuz! X3.2 design Yeei

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