仿PHPwind 账号通下拉登录 for Discuz X2【适合多账号登陆的网站】（2012.1.2）

仿PHPwind 账号通下拉登录，适合多账号登陆的网站，美化登录界面
相较于以前发的的仿PHPwind 新浪、腾讯 、人人多账号登录 最大改观是兼容性更好，兼容于各大浏览器，并能很好的兼容于IE6（毕竟还有不少人使用的是IE6），此次修改完全使用phpwind账号通代码，在原有基础上精简了一些代码，当然还有很多冗余代码。

修改测试效果截图



附件压缩包（下载后上传至论坛根目录覆盖即可）
UTF8简体版下载


GBK简体版下载


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

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

修改细节（供参考）：
\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. qqconnect:connect_header_login}" /></a></p>
   
5.                 <p class="hm xg1" style="padding-top: 2px;">{lang qqconnect:connect_header_login_tip}</p>
   
6.         </div>
   
7. <!--{/block}-->

复制代码

将其替换为

1. <!--{block return}-->
   
2. <link rel="stylesheet" href="./source/plugin/qqconnect/template/kslogin.css" />
   
3. <div class="loginWays fr">
   
4. <span id="weibo_login" class="firstWay cp">
   
5. <a href="./connect.php?mod=login&op=init&referer=index.php&statfrom=login" target="_top"><img src="./source/plugin/qqconnect/template/images/qq_n.png" >QQ账号登录</a>
   
6. <span class="icon-down"></span>
   
7. </span>
   
8. <span class="text">只需一步，快速登录</span>
   
9. <div id="menu_weibo_login" class="pw_menu" style="display: none;float:none">
   
10. <ul class="menuList" style="width:118px;">
    
11. <li style="float:none"><a title="使用新浪账号登录" href="./xwb.php?m=xwbAuth.login" target="_top" rel="nofollow">
    
12. <img src="./source/plugin/qqconnect/template/images/sina_n.png" />新浪账号登录</a></li>
    
13. <li style="float:none"><a title="使用人人账号登录" href="http://graph.renren.com/oauth/authorize?x_renew=true&client_id={$_G['cache'][plugin][renren]['api_key']}&response_type=code
    
14. <!--{if $_G['cache']['plugin']['renren']['rr_permfeed']}-->&scope=publish_feed,publish_blog,status_update,publish_share
    
15. <!--{/if}-->&redirect_uri=$_G['siteurl']plugin.php?id=renren:auth" target="_top" rel="nofollow">
    
16. <img src="./source/plugin/qqconnect/template/images/rr.png" />人人账号登录</a></li>
    
17. </ul>
    
18. </div>
    
19. </div>
    
20. <script src="./source/plugin/qqconnect/template/core.js" type="text/javascript"></script>
    
21. <script src="./source/plugin/qqconnect/template/ddsliderplayer.js" type="text/javascript"></script>
    
22. <script src="./source/plugin/qqconnect/template/global.js" type="text/javascript" ></script></p>
    
23. <script>
    
24. var openmenu = {'weibo_login' : 'menu_weibo_login'};
    
25. var messagetip=null;
    
26. window.onReady(function(){
    
27. read.InitMenu();
    
28. messagetip=new messageTip(90);
    
29. messagetip.init();
    
30. });
    
31. WINDOW_LOADED=1;
    
32. </script>
    
33. <!--{/block}-->

复制代码

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

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

复制代码

添加至<ul>......</ul>间就行了

css文件说明（略）
如需修改鼠标经过时，下拉框背景颜色，请用记事本打开kslogin.css找到

1. .menuList a:hover{background:#eaeaea;}

复制代码

修改#eaeaea为你所需要的颜色代码即可

如果除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大小图标"  />XX帐号登录...</a></li>

复制代码

即可

补充说明，请参见此贴https://discuz.dismall.com/thread-2462699-1-1.html的二楼说明

效果确实是不错，支持一下 www.dcxi.cn

好贴，谢谢分享，pw的这个下拉方式的确比dz好

鉬眻(bao●犭 发表于 2012-1-2 17:27
好贴，谢谢分享，pw的这个下拉方式的确比dz好

感谢支持，最近换模板时想到要更新下的

someone44 发表于 2012-1-2 16:51
效果确实是不错，支持一下 www.dcxi.cn

感谢支持

发号网：www.fahao.cc 已下载使用哈

安装出现问题 QQ和人人的登录不掉 新浪可以  请作者加我下QQ教下啊  1320873344