修改DedeCMS织梦会员登录状态（样式）调用代码的教程

织梦登陆框想修改显示样式怎么办呢？
有两种样式，横向展示，竖向展示：下面是具体实现代码
一、横向样式
1.实现过程
第一步：我们首先新建一个空白的默认首页模板（通常为index.htm），并设置为启用状态，然后掏空里面的所有代码。
第二步：然后在区域内加入以下代码：

第三步：然后再在区域增加如下代码：

 
     
     
     
     
     
  
     用户名：  
 
 
 
 
     密  码：  
  
  
     验证码：  
  
  注册帐号 忘记密码?  
     
 
 
 
#_userlogin{font-size:12px; height:22px;}  
#_userlogin ul {margin:0;}  
#_userlogin ul li{ float:left; padding:0 5px;}  
#_userlogin ul li input.text{font-size:12px; height:14px;}

第四步：代码添加完毕，我们生成首页或者直接浏览动态首页看看效果：
第五步：我们输入正确的账号密码，回到首页的效果图：
到此，我们的横向登陆样式就制作完毕了。
但是很明显，登陆后的样式非常丑陋，我们应该美化一下，但在美化之前我们应该要来了解一下代码中的含义。
2）代码解释
所谓的代码解释就是要让大家能够看得懂，所以大家可以看一下整个页面的注释版代码：

 
 
 
 
首页登陆样式测试 —— 旭日站长织梦教程网（www.webmaster5u.com）

 
     
     
     
     
     
  
     用户名：  
 
 
 
 
     密  码：  
  
  
     验证码：  
  
    
     
 
 
 
#_userlogin{font-size:12px; height:22px;}  
#_userlogin ul {margin:0;}  
#_userlogin ul li{ float:left; padding:0 5px;}  
#_userlogin ul li input.text{font-size:12px; height:14px;}

通过上面的查看，我们已经知道要美化这个样式，只需要修改 /member/ajax_loginsta.php 文件的代码即可。
我们打开这个文件，将里面的代码全部替换为如下代码：

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; ?>，欢迎登录！/guestbook_admin.php">我的留言 | /mystow.php">我的收藏 | /index.php">会员中心 | /edit_fullinfo.php">修改资料 | ">空间 | /index_do.php?fmdo=login&dopost=exit">退出登录

我们也顺道来看一下修改后的效果：

怎么样？大家知道应该如何来制作这个效果了吧。好了，我们再来看看竖向的登录框。
二、竖向登陆
(责任编辑：模板天下)
通过横向登陆的示例，其实我们很容易理解。要做一个竖向登陆的这个效果，只需要将登陆前后的样式分别修改一下即可，不需要修改其它任何功能文件。
这是我修改的竖向登陆的登录前样式：

 
 
 
 
首页登陆样式测试 ——旭日站长织梦教程网（www.webmaster5u.com）

 
 
     
     
     
     
     
  
     用户名： 
  
  
     密 码：  
  
  
     验证码：  
  
     注册帐号 忘记密码? 
     
 
 
 
#_userlogin{font-size:12px; height:22px; text-align:left;}  
#_userlogin ul {margin:0;}  
#_userlogin ul li{ list-style:none; margin:0; padding:5px 0;}  
#_userlogin ul li input.text{font-size:12px; height:14px;}  
 
#_userlogin .userinfo{  
    width:220px;  
}  
#_userlogin .userinfo .welcome{  
    width:220px;  
    height:24px;  
    margin:12px auto;  
    background:#F9F9F9;  
    border-top:1px solid #EEE;  
    border-bottom:1px solid #EEE;  
    line-height:23px;  
    text-indent:10px;  
    color:#666;  
}  
#_userlogin .userinfo .welcome strong{  
    color:#F60;  
    font-weight:bold;  
}  
#_userlogin .userinfo .userface{  
    width:60px;  
    height:64px;  
    overflow:hidden;  
    padding-left:16px;  
    padding-top:2px;  
    float:left;  
}  
#_userlogin .userinfo .userface a{  
    display:block;  
    margin:0px auto;  
    text-align:center;  
}  
#_userlogin .userinfo .userface a img{  
    width:52px;  
    height:52px;  
    display:block;  
    margin:0px auto 6px;  
    padding:2px;  
    border:1px solid #DDD;  
}  
#_userlogin .userinfo .mylink{  
    width:144px;  
    float:left;  
    overflow:hidden;  
}  
#_userlogin .userinfo .mylink ul{  
    margin:0;  
    padding:0;  
}  
#_userlogin .userinfo .mylink ul li{  
    width:50%;  
    float:left;  
    line-height:21px;  
    text-indent:12px;  
    padding:0;  
}  
#_userlogin .userinfo .mylink ul li a{  
    color:#555;   
}  
.userinfo .uclink{  
    height:31px;  
    line-height:31px;  
    clear:both;  
    overflow:hidden;  
    text-align:center;  
    color:#DDD;  
}  
.userinfo .uclink a{  
    color:#690;  
    margin:0px 2px;  
}

修改DedeCMS织梦会员登录状态（样式）调用代码的教程

dedecms相关栏目本月热门文章