最終效果圖：

未命名.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. }

後台更新緩存！看看效果吧！