Discuz教程网

[代码修改] 仿PHPwind 账号通下拉登录 for Discuz X2【适合多账号登陆的网站】(2012.1.2)

[复制链接]
authicon dly 发表于 2012-1-4 11:54:27 | 显示全部楼层 |阅读模式
仿PHPwind 账号通下拉登录,适合多账号登陆的网站,美化登录界面
相较于以前发的的仿PHPwind 新浪、腾讯 、人人多账号登录 最大改观是兼容性更好,兼容于各大浏览器,并能很好的兼容于IE6(毕竟还有不少人使用的是IE6),此次修改完全使用phpwind账号通代码,在原有基础上精简了一些代码,当然还有很多冗余代码。

修改测试效果截图

161909zb0iict3iui0k026.jpg

16190898b8fbbbb1wffu45.jpg

----------------------------------------------------------------------------------
修改细节(供参考):
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为你所需要的颜色代码即可


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

仿PHPwind 账号通下拉登录 for Discuz X2(UTF8).zip (28.53 KB, 下载次数: 5)



上一篇:向前辈们请教两个问题?、分类设置 后台图片上传问题。
下一篇:请问贵站的互助平台和下载模块页面插件能分享吗,谢谢
authicon  楼主| dly 发表于 2012-1-4 12:19:29 | 显示全部楼层
如果除QQ登录外其他两种登录无效,那是因为你并未安装新浪微博、人人连接插件
到下面地址下载安装就行了



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



还有安装启用后,记得在相应插件设置中设置首页不显示登录就行了(如下图)
124640nt18eqjsm5jeeed1.jpg
12464144g2i24nqgzp9zxn.jpg.thumb.jpg

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

  1. <li><a title="使用XX帐号登录" href="登录的地址" target="_top" rel="nofollow"><img src="登录接口方的16*16大小图标" />XX帐号登录...</a></li>
复制代码
即可
authicon 好想好想 发表于 2012-1-5 18:04:03 | 显示全部楼层
看看了,这个还要等30秒钟。
authicon DDhe 发表于 2012-1-6 16:27:20 | 显示全部楼层
前排抢了先
authicon swabe 发表于 2012-1-9 10:08:26 | 显示全部楼层
找这个找了一段了,谢谢分享
authicon 澄海青年馆 发表于 2012-1-12 19:48:04 | 显示全部楼层
下载了。。谢谢
authicon 澄海青年馆 发表于 2012-1-12 19:48:30 | 显示全部楼层
下载了。。谢谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2024-3-28 17:13

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表