PHPWind 9.0 教程:安装QQ登录并简单美化

作者:匿名 hihi 来源:phpwind.net 浏览: 2013-2-21 17:24:20 字号:
[摘要]今天就给大家简单说下PHPWind 9.0 如何在登陆界面放置QQ登陆,因为原来的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://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>

  很明显:

  • 立即注册是显示的文本。
  • href=""引号内的是注册地址,我们将herf的值改为刚刚复制的QQ登录代码的herf值
  • 将立即注册改为QQ登录
  • 作用为定义段落而用,我们可以将它删除,代码就成了如下(用我网站的代码)
<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

sssss
Tags: phpwind   phpwind9  
责任编辑:mozi
编辑推荐排行