织梦登陆框想修改显示样式怎么办呢?
有两种样式,横向展示,竖向展示:下面是具体实现代码
一、横向样式
1.实现过程
第一步:我们首先新建一个空白的默认首页模板(通常为index.htm),并设置为启用状态,然后掏空里面的所有代码。
第二步:然后在区域内加入以下代码:
第三步:然后再在区域增加如下代码:
第四步:代码添加完毕,我们生成首页或者直接浏览动态首页看看效果:
第五步:我们输入正确的账号密码,回到首页的效果图:
到此,我们的横向登陆样式就制作完毕了。
但是很明显,登陆后的样式非常丑陋,我们应该美化一下,但在美化之前我们应该要来了解一下代码中的含义。
2)代码解释
所谓的代码解释就是要让大家能够看得懂,所以大家可以看一下整个页面的注释版代码:
通过上面的查看,我们已经知道要美化这个样式,只需要修改 /member/ajax_loginsta.php 文件的代码即可。
我们打开这个文件,将里面的代码全部替换为如下代码:
require_once(dirname(__FILE__)."/config.php");
AjaxHead();
if($myurl == '')
{
exit('');
}
$uid = $cfg_ml->M_LoginID;
!$cfg_ml->fields['face'] && $face = ($cfg_ml->fields['sex'] == '女')? 'dfgirl' : 'dfboy';
$facepic = emptyempty($face)? $cfg_ml->fields['face'] : $GLOBALS['cfg_memberurl'].'/templets/images/'.$face.'.png';
?>
你好:M_UserName; ?>,欢迎登录!我的留言 | 我的收藏 | 会员中心 | 修改资料 | 空间 | 退出登录
我们也顺道来看一下修改后的效果:
怎么样?大家知道应该如何来制作这个效果了吧。好了,我们再来看看竖向的登录框。
二、竖向登陆
(责任编辑:模板天下)
通过横向登陆的示例,其实我们很容易理解。要做一个竖向登陆的这个效果,只需要将登陆前后的样式分别修改一下即可,不需要修改其它任何功能文件。
这是我修改的竖向登陆的登录前样式:
好,接下来我们看看效果:
登陆后的显示样式我们用织梦(DedeCMS)自带的,来看看效果: