WeCenter二次开发教程(二):登录页面修改教程

哥特复兴
哥特复兴 这家伙很懒,还没有设置简介

28 人点赞了该文章 · 11128 浏览

首先我们要知道登录页面的有关自己文件放在哪里。Html 文件在views\default\account\login.tpl.htm ,css文件在wecenter\static\css\default\login.css 里,js文件在wecenter\static\js\app\login.js 里。要修改登录页面的内容只要进入对应文件夹里修改就可以了。 这里要修改登录页的文字和背景图片可以用代码编辑器打开login.tpl.htm文件。如下图:
QQ截图20140415230020.jpg
可以看登陆页主要由登陆框,文字介绍部分以及背景图片三部分组成的。熟悉结构后,我们可以开始修改了。比如要修改文字介绍: 如下图,你只要按照对应的文字修改成自己的文字即可,比如想换成自己的Logo,只要把img标签里面那个<img src="<?php echo G_STATIC_URL; ?>/css/<?php echo $this->template_name; ?>/img/login_logo.png" alt="<?php echo get_setting('site_name'); ?>" /> **login_logo.png** 换为自己的Logo图片名字。 程序自带的登录页面文字都在上面的图片里,主要由三个p标签分三段包住,你可以在对应的文字地方改成自己的文字,如果不需要这么多段文字介绍,你也可以把一个完整的<p></p>标签删掉。 修改背景图片: 背景图片的代码就在文字介绍下面:
QQ截图20140415231147.jpg
要修改背景图片你只要把**login_01.jpg ,login_02.jpg,login_03.jpg**三张图片换成自己的图片文件名字,图片文件统一放在static\common文件夹里面。 如果想把登录页面换成一个简单的登录注册框怎么做?如下: 在views下新建模板名称,在模板文件里新建account文件,把default里这个文件夹下的login.tpl.htm复制过来,然后开始修改,我们只需要登录框,所以可以把那些背景图片和文字介绍删掉,最后只留下登录框内容。
QQ截图20140416151748.jpg
然后在static/css下新建css模板文件夹和css文件,名字和views那里模板名字相同。在css文件里开始写登陆框对应的样式,具体样式看你想要改成什么样的。 由于登录注册邮箱验证等文件都在account里,所以你要修改这些地方的话基本步骤都是一样的,只要把对应的内动换成你想改成的样子就可以,css可以统一写在一个css文件里。

发布于 2014-04-16 15:39

免责声明:

本文由 哥特复兴 原创发布于 WeCenter ,著作权归作者所有。

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

kaiheitv
2016-07-19 22:52
因为你不懂,所以这么说。懂了你就不觉得了。
wanglingpeng
2015-12-10 12:54
正好找这个
zckspk1
2015-08-14 12:47
那样会执行很多段CSS 对页面的优化很不好,看你就是刚学html
pcdhacker
2015-02-11 15:38
登陆见面背景图片没有效果。
小甜甜
2015-01-18 22:30
赞,感谢分享!第三方账号登录的教程,期待ing
xiong
2014-07-03 18:52
我最初就是这样改的,其他地方都有效果,就是登录界面没有效果。
哥特复兴
2014-06-25 08:20
不要新建什么login.css 啊,直接建一个和你模板名字一样的css文件就可以啊,把你要改的css都写进去
xiong
2014-06-24 21:59
在newstyle文件夹下新建login.css文件不起作用,必须修改default文件夹下到login.css文件。这样岂不是和模版开发方法不匹配了么?
希冀之殇
2014-05-13 20:02
搞不懂。把css文件和模板文件写到一个文件夹里面多好了,又方便又简洁。
sastudy
2014-04-18 16:44
学习啦。下一步准备这么做。