仿PHPwind 账号通下拉登录,适合多账号登陆的网站,美化登录界面
相较于以前发的的仿PHPwind 新浪、腾讯 、人人多账号登录 最大改观是兼容性更好,兼容于各大浏览器,并能很好的兼容于IE6(毕竟还有不少人使用的是IE6),此次修改完全使用phpwind账号通代码,在原有基础上精简了一些代码,当然还有很多冗余代码。
修改测试效果截图
----------------------------------------------------------------------------------
修改细节(供参考):
source/plugin/qqconnect/template/module.htm文件
找到
- <!--{block return}-->
- <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>
- <!--{/block}-->
复制代码
将其替换为- <!--{block return}-->
- <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
- <!--{if $_G['cache']['plugin']['renren']['rr_permfeed']}-->&scope=publish_feed,publish_blog,status_update,publish_share
- <!--{/if}-->&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>
- <!--{/block}-->
复制代码 补充说明:需要添加(或删除)其他登录方式的只要照这个格式添加(或删除)就行了- <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)
|
上一篇: 向前辈们请教两个问题?、分类设置 后台图片上传问题。下一篇: 请问贵站的互助平台和下载模块页面插件能分享吗,谢谢
|