最終效果圖：

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

後臺更新快取！看看效果吧！