最终效果图：

未命名.jpg

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


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

搜索：

  1. div >
  2. <div >
  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. }

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