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

dly · 发表于 2012-1-4 11:54:27

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

修改测试效果截图

----------------------------------------------------------------------------------
修改细节（供参考）：
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>

复制代码

将其替换为

<link rel="stylesheet" href="./source/plugin/qqconnect/template/kslogin.css" />
<div class="loginWays fr">
<span id="weibo_login" class="firstWay cp">
<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>
<span class="icon-down"></span>
</span>
<span class="text">只需一步，快速登录</span>
<div id="menu_weibo_login" class="pw_menu" style="display: none;float:none">
<ul class="menuList" style="width:118px;">
<li style="float:none"><a title="使用新浪账号登录" href="./xwb.php?m=xwbAuth.login" target="_top" rel="nofollow">
<img src="./source/plugin/qqconnect/template/images/sina_n.png" />新浪账号登录</a></li>
<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
&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" />人人账号登录</a></li>
</ul>
</div>
</div>
<script src="./source/plugin/qqconnect/template/core.js" type="text/javascript"></script>
<script src="./source/plugin/qqconnect/template/ddsliderplayer.js" type="text/javascript"></script>
<script src="./source/plugin/qqconnect/template/global.js" type="text/javascript" ></script></p>
<script>
var openmenu = {'weibo_login' : 'menu_weibo_login'};
var messagetip=null;
window.onReady(function(){
read.InitMenu();
messagetip=new messageTip(90);
messagetip.init();
});
WINDOW_LOADED=1;
</script>

复制代码

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

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

复制代码

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

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

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

复制代码

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

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

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

dly · 发表于 2012-1-4 12:19:29

如果除QQ登录外其他两种登录无效，那是因为你并未安装新浪微博、人人连接插件
到下面地址下载安装就行了

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

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

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

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

复制代码

即可

好想好想 · 发表于 2012-1-5 18:04:03

看看了，这个还要等30秒钟。

DDhe · 发表于 2012-1-6 16:27:20

前排抢了先

swabe · 发表于 2012-1-9 10:08:26

找这个找了一段了，谢谢分享

澄海青年馆 · 发表于 2012-1-12 19:48:04

下载了。。谢谢

澄海青年馆 · 发表于 2012-1-12 19:48:30

下载了。。谢谢

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