仿PHPwind 新浪、腾讯、人人多账号登录for Discuz X2【适合多账号登陆站】2011.10.23

dly · 发表于 2011-10-24 17:18:29

修改测试效果截图，已在IE6/7/8/9及火狐、谷歌浏览器测试

附件压缩包（下载后上传至论坛根目录覆盖就可）

仿PHPwind 新浪、腾讯、人人等登录框for x2（gbk）.zip (13.86 KB, 下载次数: 243)

2011-10-24 17:16 上传

点击文件名下载附件 （GBK版）

仿PHPwind 新浪、腾讯、人人等登录框for x2.zip (13.89 KB, 下载次数: 0)

2011-10-24 17:16 上传

点击文件名下载附件 (UTF-8版)

仿PHPwind 新浪、騰訊、人人等登錄框for x2（TC-UTF8).zip (14.04 KB, 下载次数: 0)

2011-10-24 17:16 上传

点击文件名下载附件 （TC-UTF8版）

仿PHPwind 新浪、騰訊、人人等登錄框for x2（TC-BIG5) .zip (14.94 KB, 下载次数: 0)

2011-10-24 17:16 上传

点击文件名下载附件 （TC-BIG5版）
2011.10.23修复IE6不兼容情况【已更新压缩包】

压缩包含
修改后的 \source\plugin\qqconnect\template\module.htm文件
及图片与css文件
\source\plugin\qqconnect\template\images\bg_loginways.png图片文件
\source\plugin\qqconnect\template\images\qq_n.png图片文件
\source\plugin\qqconnect\template\images\rr.png图片文件
\source\plugin\qqconnect\template\images\sina_n.png图片文件
\source\plugin\qqconnect\template\kslogin.css文件
2011.10.23新增
\source\plugin\qqconnect\template\csshover.htc文件
解决IE6不支持li:hover 的情况

=========================================================================

修改详情：修改首页登录，仿PHPwind下拉式登陆框，美化首页登录
只修改\source\plugin\qqconnect\template\module.htm文件
2011.10.23修复IE6不兼容情况
适用范围：适用于Discuz X2论坛开启多种账号登录方式的网站

修改细节（供参考）：
\source\plugin\qqconnect\template\module.htm文件
找到

<div class="fastlg_fm y" style="margin-right: 10px; padding-right: 10px">
<p><a href="$_G[connect][login_url]&statfrom=login_simple"><img src="{IMGDIR}/qq_login.gif" class="vm" alt="{lang
qqconnect:connect_header_login}" /></a></p>
<p class="hm xg1" style="padding-top: 2px;">{lang qqconnect:connect_header_login_tip}</p>
</div>

复制代码

将其替换为

<style type="text/css">
body { behavior:url("./source/plugin/qqconnect/template/csshover.htc"); }
</style>
<! --结束--->
<div class="fastlg_fm y" style="margin-right: 10px; padding-right: 10px">
<p><link rel="stylesheet" type="text/css" href="./source/plugin/qqconnect/template/kslogin.css" media="all" />
<div id="ks_login">
<ul>
<li><a title="使用QQ帐号登录" href="./connect.php?mod=login&op=init&referer=index.php&statfrom=login"><img src="./source/plugin/qqconnect/template/images/qq_n.png" style="margin-left:-20px"/>QQ帐号登录</a>
<ul>
<li><a title="使用微博帐号登录" href="./xwb.php?m=xwbAuth.login" target="_top" rel="nofollow">
<img src="./source/plugin/qqconnect/template/images/sina_n.png" style="border:0"/>微博帐号登录...</a></li>
<li><a title="使用人人帐号登录" href="http://graph.renren.com/oauth/authorize?x_renew=true&client_id={$_G['cache'][plugin][renren]['api_key']}&response_type=code
&scope=publish_feed,publish_blog,status_update,publish_share
&redirect_uri=$_G['siteurl']plugin.php?id=renren:auth" target="_top" rel="nofollow"><img src="./source/plugin/qqconnect/template/images/rr.png" style="border:0" />人人帐号登录...</a></li>
</ul>
</li>
</ul>
</div>
</p>
<p class="hm xg1">只需一步，快速登陆</p>
</div>

复制代码

补充说明：需要添加其他登录方式的只要照这个格式添加就行了

<li><a title="使用XX帐号登录" href="登录的地址" target="_top" rel="nofollow"><img src="登录接口方的16*16大小图标" style="border:0" />XX帐号登录...</a></li>

复制代码

添加至<ul>......</ul>间就行了
css文件说明（略）

dly · 发表于 2011-10-24 17:21:04

2011.10.23修复IE6不兼容情况

==================补充说明===================
看到有人说除QQ登录外其他两种登录无效，这是因为你并未安装新浪微博、人人连接插件

到下面地址下载安装就行了

新浪微博插件，http://addons.discuz.com/?id=sina_xweibo_x2
人人连接插件，http://addons.discuz.com/?id=renren

还有安装启用后，记得在相应插件设置中设置首页不显示登录就行了（如下图）

========================================================
如果你不需要其中任一项登录方式或者需要添加其他登录方式只要按这个格式添加（添加至

......
间就行]）或删除对应项（第一个请不要删除，可以替换其它方式但不要删除）

<li><a title="使用XX帐号登录" href="登录的地址" target="_top" rel="nofollow"><img src="登录接口方的16*16大小图标" style="border:0" />XX帐号登录...</a></li>

复制代码

即可

曲终、人散 · 发表于 2011-10-24 20:56:03

下下来看下

林潞视觉摄影 · 发表于 2011-11-1 04:40:51

多谢楼主！！！

WAZG音响爱好者 · 发表于 2011-11-3 23:55:16

谢谢啦。。。。。。。。。。。。。。www.wazg.net

∮kass→ · 发表于 2011-12-2 22:43:00

插件太好了

新QQ_新生活 · 发表于 2011-12-18 21:52:24

这个可是好东西呀

TYT · 发表于 2012-1-1 00:01:49

强烈顶起来！！！

菲林城邦 · 发表于 2012-1-1 13:40:41

收下了啊谢谢了

www · 发表于 2012-1-5 11:20:25

加油啊！！！

仿PHPwind 新浪、腾讯 、人人多账号登录for Discuz X2【适合多账号登陆站】2011.10.23

相关帖子

仿PHPwind 新浪、腾讯、人人多账号登录for Discuz X2【适合多账号登陆站】2011.10.23