复旦大学分校（复分）校友珍藏自媒体 FuFen.D1V1.com

标题: 精仿华西都市网2012风格（含13个频道）完整下载及详细安装教程 [打印本页]

作者: it2000 时间: 2013-10-22 21:01
标题: 精仿华西都市网2012风格（含13个频道）完整下载及详细安装教程
版本说明
————————————————————
适用版本: Discuz! X2.5 正式版
风格编码: GBK 简体中文版（UTF8 简体中文版请自行转码）
风格简介: 涵盖新闻、美食、时尚、旅游等13个频道页面及注册、登陆、家园、群组以版块配色页面

安装说明
————————————————————
基础文件说明：template/webfgoo_huaxi.2012（风格文件），fgoo_static（新增系统文件）；
1.将 template 中的 webfgoo_huaxi.2012 文件夹上传至论坛 template 文件夹中；
2.将 fgoo_static文件夹上传至论坛根目录；
3. 进系统后台安装风格，并更新CSS缓存

根据需要，进入系统后台>门户>频道栏目>添加频道来添加所需要的频道。添加方法我就不再这里赘述。

模版修改
————————————————————
1）头部二级导航链接和主导航链接相关代码链接的修改：
门户头部文件： template/webfgoo_huaxi.2012/common/header_portal.htm ；
论坛（全局）头部文件：template/webfgoo_huaxi.2012/common/header.htm ；
新闻频道头部文件：template/webfgoo_huaxi.2012/common/header_news.htm

2）尾部链接相关代码修改：
论坛（全局）尾部文件：template/webfgoo_huaxi.2012/common/footer.htm ；

3）为了减少垃圾代码，门户、论坛和注册登录和频道部分导航链接文字在模板文件里面；

门户首页： template\webfgoo_huaxi.2012\portal\index.htm ；
门户登录部分：template\webfgoo_huaxi.2012\member\login_simple.htm ；
频道头部变色部分：template\webfgoo_huaxi.2012\common\portal_nav.htm ；
论坛头部变色部分：template\webfgoo_huaxi.2012\common\channel_nav.htm ；
注册页面：template\webfgoo_huaxi.2012\member\register.htm ；
全局登录页面：template\webfgoo_huaxi.2012\member\login.htm ；
亲子教育：template\webfgoo_huaxi.2012\portal\list_baby.htm ；
汽车频道：template\webfgoo_huaxi.2012\portal\list_car.htm ；
城市读本：template\webfgoo_huaxi.2012\portal\list_city.htm ；
娱乐八卦：template\webfgoo_huaxi.2012\portal\list_entertainment.htm；
时尚购物：template\webfgoo_huaxi.2012\portal\list_fashion.htm ；
美食生活：template\webfgoo_huaxi.2012\portal\list_food.htm ；
房产家居：template\webfgoo_huaxi.2012\portal\list_house.htm ；
谈婚论嫁：template\webfgoo_huaxi.2012\portal\list_marriage.htm ；
图片摄影：template\webfgoo_huaxi.2012\portal\list_photo.htm ；
旅游生活：template\webfgoo_huaxi.2012\portal\list_tourism.htm ；

4）门户页面修改说明：

门户头部天气自动获取的修改打开：fgoo_static/fg_hx2012_img/fgoo_getweather.php
找到里面的 ‘101230201’ 将数字换成你自己的城市代码，城市代码获取
地址：http://www.weather.com.cn/static/html/weather.shtml
方法：打开上面的链接，查询自己所在的城市，观察链接http://www.weather.com.cn/weather/101201001.shtml
，其中101201001.shtml前面的数字即为你所在城市的代码

5）关于门户页论坛地图那里的分区图标请注意，那个是系统自动设别的，图标都在fgoo_static/fg_hx2012_img/bbs_icon/ 下面
关于命名规则则是（修改的时候请注意），
第一个分区为 icon_1.png
第二个分区为 icon_2.png
……
第N个分区为 icon_N.png

6）不同版块使用不同的配色，那个文件请修改 template\webfgoo_huaxi.2012\common\channel_nav.htm；
这里请注意，里面的版块ID请根据您自己网站版块的ID，进行设置（注意这里是以分区ID划分的）

如：你的分区的ID为 23 的话，那么
将对应频道里中的 1 改成 23 请注意两个都需要同时修改
其中前面个参数是控制论坛内容页的配色修改，后面那个是分区页和发帖的修改

7）频道部分头部配色也是一样的，但是需要注意的，因为频道头部无法直接获取版块信息，所有那里是手动修改的
template\webfgoo_huaxi.2012\common\portal_nav.htm ；

如：你的频道的ID为 5 的话，那么
将  中的 1 改成 5

说明一下，如果你是以目录结构来新建的频道的话，频道ID请进入你先前命名的频道文件夹里面插件，如你新建的频道目录为 food ,请打开网站空间根目录下food/index.php 即可查看到 $_GET['catid'] = '6';
这里的 6 就是频道ID

关于头部配色变化的特别说明：请注意，如果你使用不到这么多个频道或者有增加什么的，请按照我的格式增加
如果你有部分使用不到的话，请将他的ID设置为你没有的使用的ID，或者删除相关代码，防止干涉

8）新曾频道部分使用特别说明：我以美食频道为说明：
打开相应的频道模板：template\webfgoo_huaxi.2012\portal\list_food.htm

在最后面找到
<span class="tabhead">
<a class="cloudlink active" href="#">吃货探店</a>
<a class="cloudlink active" href="#">魔法厨房</a>
<a class="cloudlink active" href="#">美食八卦</a>
</span>
</div></div>
<div id="sec4_1_c" class="sidec"></div>
</div></div></div></div>

<SCRIPT src="$_G['style']['styleimgdir']/hxportal.js" type=text/javascript></SCRIPT>
<script type="text/ecmascript">hxportal.loadThreadList({fid:2,target:'#sec4_1_c'});</script>

将 $_G['cookie']['myportal_fid']==2 和 hxportal.loadThreadList({fid:2,scroll:'#sec4',target:'#sec4_1_c'});
这样的代码中 $_G['cookie']['myportal_fid']==2 和 fid:2 这个的2改成你版块的ID，
注意这个是版块的ID不是分区的ID啊

同时将 <script type="text/ecmascript">hxportal.loadThreadList({fid:2,target:'#sec4_1_c'});</script>
这个里面的 fid:2 改成你想打开页面默认显示的版块ID 这里的ID 最后修改来和上面第一条的那个ID一样，这样效果更佳

9）论坛首页版块图标目前修改设置来不是通过后台上传设置的，是系统自动生产的，和门户那里的是一回事，
但是命名不一样，图标也都在fgoo_static/fg_hx2012_img/bbs_icon/下面
关于命名规则则是（修改的时候请注意，这里最多支持9个版块，
第一个分区为 01.png
第二个分区为 02.png
……
第N个分区为 N.png

10）论坛内容页相关帖子条数请在后台界面-界面设置-帖子内容页修改为6条
11）除头部以外所有广告图片都是在DIY里面，需要修改请进DIY，属性，模块模板里面修改；
12）最后还有一点需要注意，如果没有将数据补充完整将可能会出现JS错误。

新闻频道安装说明

+----------------------------------+
信息说明
+----------------------------------+
风格名称: 华西都市网2012版（商业版）
      -------新闻频道、列表页、内容页
+----------------------------------+
安装方法
+----------------------------------+
1. 基本文件说明：template （风格文件）、fgoo_static（风格需要的图片和JS文件）；
2. 所有文件修改好后通过ftp工具，将当前目录中的template（风格文件）、fgoo_static（风格需要的图片和JS文件）    这两个文件夹上传至DZX2.5安装根目录替换；
(只要你的论坛里面没有和我相同的文件夹是不会覆盖你论坛的任何文件的);
3. 安装方法和DIY文件的导入方法这里不多说了，下面是DIY文件对应的频道：

新闻频道首页 --- portal_news.xml ；
列表页、内容页通用 --- portal_list.xml ；

-------------------------------------------------------
安装修改说明如下：
1）头部二级导航链接和主导航链接相关代码链接的修改；
   门户头部文件： template\webfgoo_huaxi.2012\common\header_news.htm ；
   注意如果想要头部导航高亮当前频道栏目的话，请打开当前文件，

  找到
<ul class="nav_item">
<li><a href="#">第一眼</a></li><li><span class="splt"></span></li>
<li><a href="#">都市汇</a></li><li><span class="splt"></span></li>
<li><a href="#">大四川</a></li><li><span class="splt"></span></li>
<li><a href="#">财富潮</a></li><li><span class="splt"></span></li>
<li><a href="#">星娱乐</a></li><li><span class="splt"></span></li>
<li><a href="#">运动会</a></li><li><span class="splt"></span></li>
<li><a href="#">行业</a></li><li><span class="splt"></span></li>
<li><a href="#">专题</a></li><li><span class="splt"></span></li>
</ul>
  修改为
<ul class="nav_item">
<li><a {if $_GET['catid'] == '1'}class="on"{/if} href="#">第一眼</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '2'}class="on"{/if} href="#">都市汇</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '3'}class="on"{/if} href="#">大四川</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '4'}class="on"{/if} href="#">财富潮</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '5'}class="on"{/if} href="#">星娱乐</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '6'}class="on"{/if} href="#">运动会</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '7'}class="on"{/if} href="#">行业</a></li><li><span class="splt"></span></li>
<li><a {if $_GET['catid'] == '8'}class="on"{/if} href="#">专题</a></li><li><span class="splt"></span></li>
</ul>
其中 if $_GET['catid'] == '8' 这个里面的数字表示当前频道的ID，关于ID的查看，这里不再多说

2）为了减少垃圾代码，部分导航链接文字在模板文件里面；
门户列表页： template\webfgoo_huaxi.2012\portal\list_news.list.htm ；
门户内容页：template\webfgoo_huaxi.2012\portal\view_index.news.htm ；

3）列表页我默认的效果是每隔5条显示一条虚线，所以在新建二级频道的时候注意设置条数为5的倍数

------------------------------------------------------
##演示地址：
http://www.enshi100.com
##下载地址:
（只含有风格文件，详细文件请移至http://bbs.5490h.com/thread-601-1-1.html下载）

template.zip (688idc,)

-------------------------------------------------------

注意事项：

1）在自行修改风格的时候请注意，因为有的CSS选择器牵扯到JS，如果不清楚当前代码的作用是，请勿修改；
2）由于风格里面使用了jQuery框架，并将其$声明为了jQ，如果有页面使用了jQuery框架，请注意修改；
3）在导入DIY文件，有事会提示当前脚本会导致浏览器速度变慢或者无响应，这个问题可以去官网搜一下，
或者无视他。（在导入时一般牵扯到JS代码就会出现这个情况，无视他不会影响以后任何使用上的不便）；

—————————————
有问题留下详细说明和网址。

作者: 柔洁9885 时间: 2013-10-23 09:44
不错！顶LZ

作者: v71a3cp743 时间: 2013-10-23 22:28
很不错的哦，支持，加油

作者: 麹以彤 时间: 2013-10-24 11:11
感觉不错

作者: 籍叶飞 时间: 2013-10-24 15:04
好像还不错！

作者: 东郭芳蕤 时间: 2013-10-24 18:56
学习了，这就去试试

作者: qotbhzcvjc 时间: 2013-10-24 22:49
路过还不错

作者: s5tc8eh808 时间: 2013-10-25 05:20
谢谢楼主的辛苦分享

作者: 尤亨 时间: 2013-10-25 11:52
很不错的哦，支持，加油

作者: bjyhpgvfdu 时间: 2013-10-25 18:23
前来围观，LZ好样的！

作者: 乐然7487 时间: 2013-10-26 07:58
学习了！！！！

作者: 赏哲 时间: 2013-10-26 21:34
谢谢楼主，，，收藏ing

作者: 明梨华 时间: 2013-10-27 11:10
赞一个!

作者: 公羊端懿 时间: 2013-10-27 20:56
嘻嘻不错支持一个

作者: pbkyjnxgxj 时间: 2013-10-28 06:42
不错不错支持下

作者: 厉翔 时间: 2013-10-28 16:28
路过还不错

作者: 公羊端懿 时间: 2013-10-28 23:34
很给力。。。。很喜欢

作者: 屈绣文 时间: 2013-10-29 06:41
顶一个了

作者: 公羊端懿 时间: 2013-10-29 13:48
感觉不错

作者: 柔洁9885 时间: 2013-10-30 01:09
学习一下！十分感谢

作者: 野雪3143 时间: 2013-10-30 12:30
感谢您的无私精神...

作者: 屈绣文 时间: 2013-10-30 23:51
抢楼了，前排第一次啊

作者: 戎淑婉 时间: 2013-10-31 11:14
谢谢楼主，，，收藏ing

作者: 尤亨 时间: 2013-10-31 22:36
支持你们一下下哈

作者: ttlhqktpty 时间: 2013-11-1 09:58
学习了，这就去试试

作者: 炎5299 时间: 2013-11-1 19:26
学习了，这就去试试

作者: 炎5299 时间: 2013-11-2 04:55
非常不错，感谢分享！

作者: l5a94i8j4h 时间: 2013-11-2 14:23
我表示压力很大

作者: 韦方仪 时间: 2013-11-2 20:31
嘻嘻不错支持一个

作者: jhrlgshlkz 时间: 2013-11-3 02:38
必须支持。。。。。。。

作者: 詹柔妙 时间: 2013-11-3 08:45
前来围观，LZ好样的！

作者: 琳怡3378 时间: 2013-11-3 11:48
前来支持~~~~~~~~~~~~~~~~~~~

作者: 汝碧菡 时间: 2013-11-3 14:50
路过还不错

作者: 琳怡3378 时间: 2013-11-3 17:52
我表示压力很大

作者: 971b4972qb 时间: 2013-11-4 00:37
支持一下，期待更多东西

作者: 韦琳瑜 时间: 2013-11-4 07:22
感谢您的无私精神...

作者: 雪枫4106 时间: 2013-11-4 14:07
路过还不错

作者: 厉翔 时间: 2013-11-4 17:20
非常不错，感谢分享！

作者: 卞安然 时间: 2013-11-4 20:34
碉堡了!

作者: 娅真6048 时间: 2013-11-4 23:47
支持！！！！前排！！！！

作者: 汝碧菡 时间: 2013-11-5 04:57
支持！！！！！！

作者: 都雅容 时间: 2013-11-5 10:07
学习了，这就去试试

作者: 皮博敏 时间: 2013-11-5 15:16
抢楼了，前排第一次啊

作者: 容芫华 时间: 2013-11-5 22:28
不错不错支持下

作者: 耿滢滢 时间: 2013-11-6 05:40
我表示压力很大

作者: 971b4972qb 时间: 2013-11-6 12:52
看帖子的要发表下看法

作者: 家雪冰 时间: 2013-11-6 20:57
不错不错支持下

作者: 拓拔水芸 时间: 2013-11-7 05:01
顶起很好的帖

作者: 乌叶彤 时间: 2013-11-7 13:05
很不错的哦，支持，加油

作者: 拓拔水芸 时间: 2013-11-8 02:54
不错！顶LZ

作者: 魏飞雪 时间: 2013-11-8 16:43
这个好好支持一下

作者: 6o96875zb9 时间: 2013-11-9 06:32
碉堡了!

作者: 乐华乐 时间: 2013-11-9 18:05
很给力。。。。很喜欢

作者: 阮欢欣 时间: 2013-11-10 05:37
路过还不错

作者: 程多思 时间: 2013-11-10 17:09
这个不错，谢谢共享

作者: 熊斐斐 时间: 2013-11-11 02:44
好像还不错！

作者: 厉翔 时间: 2013-11-11 12:19
不错！顶LZ

作者: 龚可佳 时间: 2013-11-11 21:54
前来围观，LZ好样的！

作者: 娅真6048 时间: 2013-11-12 08:45
很给力。。。。很喜欢

作者: 席顺美 时间: 2013-11-12 19:37
不错！顶LZ

作者: 嵇仁 时间: 2013-11-13 06:28
我表示压力很大

作者: cncgrlvany 时间: 2013-11-13 21:41
嘻嘻不错支持一个

作者: 干慕旋 时间: 2013-11-14 12:53
谢谢楼主，，，收藏ing

作者: 魏飞雪 时间: 2013-11-15 04:05
顶一个了

作者: 韦琳瑜 时间: 2013-11-15 13:28
谢谢楼主的辛苦分享

作者: 裘云水 时间: 2013-11-15 22:52
不错！顶LZ

作者: 娅友8944 时间: 2013-11-16 08:16
藕是来打酱油滴...

作者: 牟尔蕾 时间: 2013-11-16 16:38
这个好好支持一下

作者: 牟尔蕾 时间: 2013-11-17 01:00
不错哦喜欢嘿嘿

作者: asbi9e80fj 时间: 2013-11-17 09:22
感觉不错

作者: 酆娅水 时间: 2013-11-17 19:52
学习一下！十分感谢

作者: 沙善芳 时间: 2013-11-18 06:21
支持你们一下下哈

作者: bq83x13ztd 时间: 2013-11-18 16:50
很不错的哦，支持，加油

作者: ryrbvohijd 时间: 2013-11-18 22:57
学习了！！！！

作者: 98x3eq4bw5 时间: 2013-11-19 05:05
谢谢楼主的辛苦分享

作者: 酆娅水 时间: 2013-11-19 11:12
前来围观，LZ好样的！

作者: fks7fntkzv 时间: 2013-11-19 21:03
前来支持~~~~~~~~~~~~~~~~~~~

作者: 忻畅4847 时间: 2013-11-20 06:53
支持，赞

作者: 魏飞雪 时间: 2013-11-20 16:44
好像还不错！

作者: 白云英 时间: 2013-11-20 23:00
学习了！！！！

作者: 阴筠心 时间: 2013-11-21 05:16
好像还不错！

作者: 忆安6439 时间: 2013-11-21 11:32
学习了，这就去试试

作者: 宿海尹 时间: 2013-11-21 20:37
谢谢楼主的辛苦分享

作者: 嘉惠7218 时间: 2013-11-22 05:42
还是看不懂，复杂

作者: 糜吉玉 时间: 2013-11-22 14:46
支持！！！！前排！！！！

作者: opfmhpkglf 时间: 2013-11-23 01:55
这个好好支持一下

作者: 清宁302 时间: 2013-11-23 13:04
看帖子的要发表下看法

作者: 干慕旋 时间: 2013-11-24 00:13
感觉不错

作者: 魏飞雪 时间: 2013-11-24 11:39
学习了，这就去试试

作者: 笑南7435 时间: 2013-11-24 23:06
碉堡了!

作者: 暨环 时间: 2013-11-25 10:32
感觉不错

作者: 范婉娜 时间: 2013-11-25 12:57
路过还不错

作者: 范婉娜 时间: 2013-11-25 15:21
我表示压力很大

作者: 法丝雨 时间: 2013-11-25 17:45
看帖子的要发表下看法

作者: 阮欢欣 时间: 2013-11-25 23:25
很给力。。。。很喜欢

作者: 柔洁9885 时间: 2013-11-26 05:04
不错！顶LZ

作者: 艾韵诗 时间: 2013-11-26 10:44
我表示压力很大

作者: 忻畅4847 时间: 2013-11-26 12:23
期待中......

作者: 拓拔水芸 时间: 2013-11-26 14:02
看帖子的要发表下看法

作者: 籍叶飞 时间: 2013-11-26 15:42
藕是来打酱油滴...

欢迎光临复旦大学分校（复分）校友珍藏自媒体 FuFen.D1V1.com (http://fufen.d1v1.com/)