如何在网页中插入QQ在线状态

2025-10-16 17:05:39

1、进入   http://shang.qq.com/v3/widget.html  开启,设置qq在线状态和样试

如何在网页中插入QQ在线状态

2、把三个样式的代码拷贝一份以便在不同的页面中调用

如何在网页中插入QQ在线状态

3、拷贝好后就可以去你的网站中想要出现的地粘贴代码。也可以在本地新建一个html文件测试。

拷贝以下html代码到文件中简单测试一下

[code html] 

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>QQ在线状态</title>    <style type="text/css" media="screen">     body { background: #EDEDED; }     ul { padding: 0; }     ul li { list-style: none; border-top: 1px solid #CACACA; border-bottom: 1px solid #fff; }    </style></head><body>    <ul>        <li>            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号:52" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>            QQ在线样式一        </li>        <li>            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>            QQ在线样式二        </li>        <li>            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>            QQ在线样式三        </li>    </ul</body></html>

[/code]

如何在网页中插入QQ在线状态

4、用浏览器打开保存的文件

如何在网页中插入QQ在线状态

5、点击图标看是否弹出如下窗口:

如何在网页中插入QQ在线状态

6、点击确定。弹出对话窗口,完成

如何在网页中插入QQ在线状态

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢