【美化】头部增加欢迎语+IP+地理位置+天气，两种方案！修改教程

chen345210 · 发表于 2011-8-22 21:51:33

本帖最后由 chen345210 于 2012-1-6 00:30 编辑

最终效果图：

注：腾讯IP API接口地址已失效！以下方法暂停大家下载！请大家不要下载了，新地址公布了，会与大家重新分享的！

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

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

搜索：

div class="wp">
<div class="z">
$nav[code]
</div>

复制代码

然后在下面添加：

<div id="ipdizhi">
<script language="javascript" type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script>document.write("你好！欢迎来到 $_G['setting']['bbname']！你的IP是："+IPData[0]+"，来自省份："+IPData[2]+IPData[3]);
</script>
</div>

复制代码

详解：上边这段代码是调用了QQ的IP数据库！然后显示来源者的位置及IP！$_G['setting']['bbname']这段代码是调用站点名称！你懂的！

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

#ipdizhi {
color: #999999;
float: left;
margin-left: 20px;
}

复制代码

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

演示地址：http://bbs.7drt.com

chen345210 · 发表于 2011-8-22 21:52:04

本帖最后由 chen345210 于 2011-8-22 23:48 编辑

另一种方案！

头部增加天气代码（自动根据IP判断位置）

最终效果图：

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

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

搜索：

div class="wp">
<div class="z">
$nav[code]
</div>

复制代码

然后在下面添加：

<div id="ipdizhi">
<script language="javascript" type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script>document.write("你好！欢迎来到 $_G['setting']['bbname']！你的IP是："+IPData[0]+"，来自省份："+IPData[2]+IPData[3]);
</script>
</div>
<div id="tianqi">
<iframe width="380" height="22" frameborder="0" scrolling="no" allowtransparency="true" src="http://www.114la.com/public/widget/weather/index.html"></iframe>
</div>

复制代码

详解：上边这段代码是调用了QQ的IP数据库！然后显示来源者的位置及IP！$_G['setting']['bbname']这段代码是调用站点名称！你懂的！

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

#ipdizhi {
color: #999999;
float: left;
margin-left: 20px;
}
#tianqi{
float: left;
overflow: hidden;
margin-left: 10px;
}

复制代码

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

演示地址：http://bbs.7drt.com

chen345210 · 发表于 2011-8-22 21:59:40

这沉的很快！

dicky57 · 发表于 2011-8-22 22:03:47

支持下 {:soso__2152927486043015124_3:}

change8 · 发表于 2011-8-22 22:08:04

www.hubeiyo.com绝对的支持

change8 · 发表于 2011-8-22 22:12:57

不错不错，我的改成功了

0sum · 发表于 2011-8-22 22:20:40

{:soso_e121:}不错，支持

lgx.cc · 发表于 2011-8-22 22:21:54

不错支持

ilei365 · 发表于 2011-8-22 22:25:00

不错。。。。。。。。。。

Smallbug · 发表于 2011-8-22 22:31:32

文案可以改一下

"你好！欢迎"+IPData[2]+IPData[3]"的欢乐豆来到" $_G['setting']['bbname']，"祝你玩得开心，有事请联系管理员。"

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

[修改] 【美化】头部增加欢迎语+IP+地理位置+天气，两种方案！修改教程

本帖子中包含更多资源

本帖子中包含更多资源