Discuz教程网

[代码修改] Discuz X2 头部增加欢迎语+IP+地理位置+天气,两种方案!修改教程

[复制链接]
authicon dly 发表于 2011-8-24 18:33:25 | 显示全部楼层 |阅读模式
最终效果图:
215005u87n7wg8897r9gqq.jpg.thumb.jpg


在头部添加来源者的IP和地理位置!下面是修改教程!


首先我们打开你当前使用的风格目录的header.htm文件
例:现在使用默认风格 文件即为template/default/common/header.htm

搜索:
  1. div class="wp">
  2. <div class="z">
  3. <!--{loop $_G['setting']['topnavs'][0] $nav}-->
  4. <!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}-->$nav[code]<!--{/if}-->
  5. <!--{/loop}-->
  6. <!--{hook/global_cpnav_extra1}-->
  7. </div>
复制代码
然后在下面添加:
  1. <div id="ipdizhi">
  2. <script language="javascript" type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
  3. <script>document.write("你好!欢迎来到 $_G['setting']['bbname']!你的IP是:"+IPData[0]+",来自省份:"+IPData[2]+IPData[3]);
  4. </script>
  5. </div>
复制代码
详解:上边这段代码是调用了QQ的IP数据库!然后显示来源者的位置及IP!$_G['setting']['bbname']这段代码是调用站点名称!你懂的!


然后我们在打开Common.CSS文件
例:现在使用默认风格 文件即为template/default/common/Common.CSS
打开之后,在CSS尾部增加以下代码:

  1. #ipdizhi {
  2. color: #999999;
  3. float: left;
  4. margin-left: 20px;
  5. }
复制代码

后台更新缓存!看看效果吧!




上一篇:Discuz官方相关帖子样式修改
下一篇:Discuz X2 首页多格调用 DIY版 支持高亮调用。清爽,如丝般顺滑
authicon 百万家园淘宝客 发表于 2011-8-24 18:54:33 | 显示全部楼层
谢谢楼主分享
authicon 百万家园淘宝客 发表于 2011-8-24 19:48:06 | 显示全部楼层
楼主,天气不显示啊?
authicon  楼主| dly 发表于 2011-8-25 09:33:21 | 显示全部楼层
百万家园淘宝客 发表于 2011-8-24 19:48
楼主,天气不显示啊?

我看了下代码,确实没有天气的内容
authicon 不了情 发表于 2011-8-25 18:29:09 | 显示全部楼层
这个不错啊。
authicon 0375mama.Com 发表于 2011-8-27 11:40:48 | 显示全部楼层
没有显示啊~~~   怎么回事??
authicon 0375mama.Com 发表于 2011-8-27 11:45:08 | 显示全部楼层
我的怎么不行。????按照你说的做的
authicon zhajian 发表于 2011-8-27 16:15:10 | 显示全部楼层
谢谢楼主分享
authicon 708090 发表于 2011-8-29 06:26:27 | 显示全部楼层
这个我喜欢 现在用上了
authicon 灵犀と杺 发表于 2011-9-7 23:47:17 | 显示全部楼层
已经使用了,非常感谢楼主分享,但是没有天气预报显示。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2024-5-18 11:46

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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