DISCUZ论坛添加页头及页尾背景图片的几种方法（原创教程）

kuaicui · 发表于 2013-2-25 16:20:42

学历了啊！！谢谢

cixianlhf · 发表于 2013-2-27 23:38:18

看看全部部内容，学学习

！东方不败！ · 发表于 2013-3-1 21:57:27

学习了，感谢分享啊

小6666 · 发表于 2013-3-2 08:18:38

沉醉寒风 · 发表于 2013-3-2 08:35:49

学习下

｀｀不属于我 · 发表于 2013-3-2 22:34:39

支持，辛苦了

小胖eric · 发表于 2013-3-8 23:44:25

谢谢指导~

z110110 · 发表于 2013-3-9 03:22:55

不错的教材，谢谢分享

jwdxk · 发表于 2013-3-9 11:54:13

精仿华西都市网2013GBK风格（含全部频道）分享下载及详细安装教程

开始之前：
请先在贵站发布10条及以上文字帖，10条及以上图文帖，1条辩论帖，4条活动帖。

版本说明
————————————————————
适用版本: 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://bbs.5490h.com

zqhdxx · 发表于 2013-3-11 16:03:07

辛苦了，收藏啦

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