文章导读:在新的一年中,各位网友都进入紧张的学习或是工作阶段。网学的各位小编整理了网络知识-PHPWind 9.0 教程:安装QQ登录并简单美化 的相关内容供大家参考,祝大家在新的一年里工作和学习顺利!
昨天刚装的PHPWind 9.0,简单熟悉了下,除了没有分类信息以外其余都不错。今天就给大家简单说下如何在登陆界面放置QQ登陆,因为原来的QQ登陆应用是不会自己插入的。
步骤一:在后台 - 云平台 - 应用中心中找到QQ登录应用并安装。
步骤二:在QQ登录设置界面输入 APPID 和 KEY 的值。
步骤三:参照我论坛的QQ登录代码:
<a href="http://bbs.igta.cn/index.php?m=app&app=com_qq_login" target="_blank"><img src=http://love.heima.com/html/c37/"http://bbs.igta.cn/themes/extres/com_qq_login/Connect_logo_3.png" valign="middle" /></a>
复制href的值,我这里是:http://bbs.igta.cn/index.php?m=app&app=com_qq_login 这个是QQ登录的地址。其余的代码作用不大,都是装饰。ps:主要是蓝蓝的图片不太美观!
步骤四:用ftp工具将:/template/u/login.htm 文件传输到本地,并用Notepad++工具打开(切勿用记事本!)
提示:Login.htm是论坛的帐号登陆界面,因为我们是要在登录按钮边上加入代码,所以要先找到登录按钮的位置:
<dd><button class="btn btn_big btn_submit mr20" type="submit">登录</button>
步骤五:寻找适合的按钮
最前面说过,自带的应用那蓝蓝的图标真心无法搭配我们的PW9.0登录界面,个人认为用PW最原始的按钮最好。
因为登录按钮和我们要安装的QQ登录按钮位置在一块,所以我们要寻找不同颜色按钮,否则相同颜色容易误导用户!
这里我用的是灰色,用户可能不知道按钮的代码是什么,其实在login.htm文件里面已经告诉我们了。我们可以发现在我们的登录边上有个立即注册的按钮,它就是灰色的。代码是:
<p><a rel="nofollow" href="{@url:u/register/run}<!--#if ($invite) {#-->?invite={$invite}<!--#}#-->" class="btn btn_big">立即注册</a></p>
很明显:
<a rel="nofollow" href="http://bbs.igta.cn/index.php?m=app&app=com_qq_login" class="btn btn_big">QQ登录</a>
最后只要将我们的代码复制到步骤四中的登录按钮代码后面保存上传覆盖即可!
下面是我网站的登录页面代码,大家可以下载过去并寻找”QQ登录地址“将它替换成自己的地址就成。
login.rar