织梦登陆框想修改显示样式怎么办呢？

有两种样式，横向展示，竖向展示：下面是具体实现代码

模板119 千余企业网站模板 商城网站一站式服务 mb119.com

一、横向样式

1.实现过程

第一步：我们首先新建一个空白的默认首页模板（通常为index.htm），并设置为启用状态，然后掏空里面的所有代码。

第二步：然后在区域内加入以下代码：





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

   

   

   

   

   

       
• 
  
              用户名：
  
         
• 
  
         
• 
  
              密  码：
  
         


       
• 
  
              验证码：
  
         


       
• 登录 注册帐号 忘记密码?       
  
     

第四步：代码添加完毕，我们生成首页或者直接浏览动态首页看看效果：

第五步：我们输入正确的账号密码，回到首页的效果图：

到此，我们的横向登陆样式就制作完毕了。

但是很明显，登陆后的样式非常丑陋，我们应该美化一下，但在美化之前我们应该要来了解一下代码中的含义。

模板119 千余企业网站模板 商城网站一站式服务 mb119.com


2）代码解释

所谓的代码解释就是要让大家能够看得懂，所以大家可以看一下整个页面的注释版代码：











& lt;!--这段是显示整个效果必须要存在的ajax框架-->

   

   

   

   

   

       
• 
  
              用户名：
  
         
• 
  
         
• 
  
              密  码：
  
         


       
• 
  
              验证码：
  
         


       
• 登录
        

   

通过上面的查看，我们已经知道要美化这个样式，只需要修改 /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; ?>，欢迎登录！我的留言 | 我的收藏 | 会员中心 |  修改资料 | 空间 | 退出登录



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



模板119 千余企业网站模板 商城网站一站式服务 mb119.com

怎么样？大家知道应该如何来制作这个效果了吧。好了，我们再来看看竖向的登录框。

二、竖向登陆

(责任编辑：模板天下)

通过横向登陆的示例，其实我们很容易理解。要做一个竖向登陆的这个效果，只需要将登陆前后的样式分别修改一下即可，不需要修改其它任何功能文件。

这是我修改的竖向登陆的登录前样式：











& lt;!--这段是显示整个效果必须要存在的ajax框架-->

   

   

   

   

   

       
• 
  
              用户名：
  
         


       
• 
  
              密 码：
  
         


       
• 
  
              验证码：
  
         


       
• 登录                  注册帐号 忘记密码?
     

   

好，接下来就可以测试效果了咯