网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > 网络知识 > 正文

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

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 14/06/29

文章导读:在新的一年中,各位网友都进入紧张的学习或是工作阶段。网学的各位小编整理了网络知识-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>

  很明显:

  • 立即注册是显示的文本。
  • 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

网学推荐

免费论文

原创论文

设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号