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

2012.1.2更新仿PHPwind 账号通下拉登录 for Discuz X2【适合多账号登陆的网站】请前往此贴下载
修改测试效果截图



附件压缩包（下载后上传至论坛根目录覆盖就可，最后更新2011.10.26）
提示：下载上传后记得到后台更新缓存！
2011.10.26更新附件包修正Discuz! X2 Release 20111010版发帖报错情况（注：原压缩包\source\plugin\qqconnect\template\module.htm文件用的是Discuz! X2 Release 20110817版的）

特别提示如果今后官方有新版推出或新的补丁推出而你使用后报错，请按下面的修改方法修改\source\plugin\qqconnect\template\module.htm文件就可以了

(UTF-8版)
（GBK版）
（TC-UTF8版）
（TC-BIG5版）
2011.10.23修复IE6不兼容情况【已更新压缩包】
2011.10.26更新附件包\source\plugin\qqconnect\template\module.htm文件（已更新至Discuz! X2 Release 20111010版同时适用于Discuz! X2 Release 20110817版）

压缩包含
修改后的 \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 的情况

演示：创想论坛，http://bbs.cx125.com
=========================================================================

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

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

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

复制代码

将其替换为

1. 
   
2. 
   
3. <!--{block return}-->
   
4. <!--解决IE6不兼容情况-->
   
5. <style type="text/css">
   
6.        body { behavior:url("./source/plugin/qqconnect/template/csshover.htc"); }
   
7. </style>
   
8. <!--结束--->
   
9. <div class="fastlg_fm y" style="margin-right: 10px; padding-right: 10px">
   
10. <p><link rel="stylesheet" type="text/css" href="./source/plugin/qqconnect/template/kslogin.css" media="all" />
    
11. <div id="ks_login">
    
12. <ul>
    
13. <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>
    
14. <ul>
    
15. <li><a title="使用微博帐号登录" href="./xwb.php?m=xwbAuth.login" target="_top" rel="nofollow">
    
16. <img src="./source/plugin/qqconnect/template/images/sina_n.png" style="border:0"/>微博帐号登录...</a></li>
    
17. <li><a title="使用人人帐号登录" href="http://graph.renren.com/oauth/authorize?x_renew=true&client_id={$_G['cache'][plugin][renren]['api_key']}&response_type=code
    
18. <!--{if $_G['cache']['plugin']['renren']['rr_permfeed']}-->&scope=publish_feed,publish_blog,status_update,publish_share
    
19. <!--{/if}-->&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>
    
20. </ul>
    
21. </li>
    
22. </ul>
    
23. </div>
    
24. </p>
    
25. <p class="hm xg1">只需一步，快速登陆</p>
    
26. </div>
    
27. <!--{/block}-->
    

复制代码

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

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

复制代码

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

占楼,发现打包错误（人人登陆地址）已更新
2011.10.23修复IE6不兼容情况
2011.10.26修正Discuz! X2 Release 20111010版发帖报错情况（空白页面）的情况
==================补充说明===================
看到有人说除QQ登录外其他两种登录无效，这是因为你并未安装新浪微博、人人连接插件

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

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

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


========================================================
如果你不需要其中任一项登录方式或者需要添加其他登录方式只要按这个格式添加（添加至<ul>......</ul>间就行]）或删除对应项（第一个请不要删除，可以替换其它方式但不要删除）

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

复制代码

即可


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

附上几个按钮（2011.10.29）
登录按钮
76*20





66*24




绑定按钮
66*24

我想这个应该有人需要，自己支持一下

占个位置，支持一下

酷豆网 发表于 2011-10-22 19:29
占个位置，支持一下

感谢支持

顶顶上

ban2011 发表于 2011-10-22 19:36
顶顶上

非常感谢

{:soso_e179:}{:soso_e179:}

ywfen133 发表于 2011-10-22 20:00

貌似支持的人较少，感谢支持

此帖必火，已验证