当前位置:93diy > 设计教程 > CMS使用教程 >
织梦模板DedeCMS系统会员登陆框代码修改_CMS使用教程
时间:2013-07-03 16:02来源:93diy作者:admin点击:
简介:织梦模板DedeCMS系统会员中心用户登陆框横向,竖向代码样式修改,会员登录或者退出后回到首页方法

第一步:首先是JS的调用,不管是横向的还是竖向的,都直接调用织梦的JS代码即可,代码如下:

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>  
<script language="javascript" type="text/javascript">  
    function CheckLogin(){   
      var taget_obj = document.getElementById('_userlogin');   
      myajax = new DedeAjax(taget_obj,false,false,'','','');   
      myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");   
      DedeXHTTP = null;   
    }   
</script>  
直接复制放到HEAD里边即可。

第二步:如果要横向的登陆框,就复制一下代码

<div id="_userlogin">  
    <form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST">  
    <input type="hidden" name="fmdo" value="login" />  
    <input type="hidden" name="dopost" value="login" />  
    <input type="hidden" name="keeptime" value="604800" />  
    <ul>  
        <li>  
            <label>用户名:</label> <input type="text" name="userid" class="text" style="width:80px"/>  
        <li>  
        <li>  
            <label>密  码:</label> <input type="password" name="pwd" class="text" style="width:80px"/>  
        </li>  
        <li>  
            <label>验证码:</label><input type="text" name="vdcode" class="text" style="width:40px"/> <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer; margin-left: 0px;" alt="看不清?点击更换" src="../include/vdimgck.php"/>  
        </li>  
        <li><button type="submit" class="btn-1">登录</button> <a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注册帐号</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a></li>          
    </ul>  
</div>  
<script language="javascript" type="text/javascript">CheckLogin();</script>  
<style>  
#_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;}   
</style>  

如果要竖向的登陆框,就复制一下代码

<div id="_userlogin"><!--动态显示的内容区块,ID值必须与上面的document.getElementById('_userlogin') 中 的_userlogin保持一致-->  
    <form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST"><!--登陆提交的处理页面-->  
    <input type="hidden" name="fmdo" value="login" /><!--定义操作为login-->  
    <input type="hidden" name="dopost" value="login" /><!--定义操作为login-->  
    <input type="hidden" name="keeptime" value="604800" /><!--记住登陆状态的时间,单位秒-->  
    <ul>  
        <li>  
            <label>用户名:</label><input type="text" name="userid" class="text" style="width:100px"/><!--用户名-->  
        </li>  
        <li>  
            <label>密 码:</label> <input type="password" name="pwd" class="text" style="width:100px"/><!--密码-->  
        </li>  
        <li>  
            <label>验证码:</label><input type="text" name="vdcode" class="text" style="width:40px"/> <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer; margin-left: 0px;" alt="看不清?点击更换" src="../include/vdimgck.php"/>  
        </li>  
        <li><button type="submit" class="btn-1">登录</button>                  <a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注册帐号</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a> </li>        
    </ul>  
</div>  
<script language="javascript" type="text/javascript">CheckLogin();</script><!--本函数必须加载,用于获取上面的function CheckLogin()函数-->  
<style>  
#_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;   
}   
</style>  

第三步:登录后的样式修改:

打开:/member/ajax_loginsta.php文件,

?<?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 = empty($face)? $cfg_ml->fields['face'] : $GLOBALS['cfg_memberurl'].'/templets/images/'.$face.'.png';

?>
您好:<strong><?php echo $cfg_ml->M_UserName; ?></strong>,欢迎来访! 
<a href="<?php echo $cfg_memberurl; ?>/mystow.php">我的收藏</a> | <a href="<?php echo $cfg_memberurl; ?>/index.php">会员中心</a> | <a href="<?php echo $myurl;?>">我的空间</a> | <a href="<?php echo $cfg_memberurl; ?>/index_do.php?fmdo=login&dopost=exit">退出登录</a> 

上边加粗的地方,参照系统的默认文件添加删除你要的选项。

好了,这样基本上搞定了,如果你不想让前台会员登录要验证码:

打开member/index_do.php

删除245-250行,即:
 

        if(strtolower($vdcode)!=$svali || $svali=='')

        {

            ResetVdValue();

            ShowMsg("验证码错误!","-1");

            exit();

        }

同时把第二步相应的验证码代码去掉即可。

 

如果想让会员登录或者退出后到首页,打开member/index_do.php:

   if(empty($gourl) || eregi("action|_do",$gourl))
   {
    ShowMsg("成功登录,5秒钟后转向系统主页...","/index.php",0,2000);
   }
   else
   {
    ShowMsg("成功登录,现在转向指定页面...",$gourl,0,2000);
   }
   exit();
  }
 }

 //退出登录
 else if($dopost=="exit")
 {
  $cfg_ml->ExitCookie();
  #api{{
  if(defined('UC_API') && @include_once DEDEROOT.'/uc_client/client.php')
  {
   $ucsynlogin = uc_user_synlogout();
  }
  #/aip}}
  ShowMsg("成功退出登录!","/index.php",0,2000);
  exit();
 }
}

把上边加重的地方,换成你首页的网址即可。

织梦模板DedeCMS系统会员中心用户登陆框横向,竖向代码样式修改,会员登录或者退出后回到首页方法

(责任编辑:admin)

顶一下
(13)
72.2%
踩一下
(5)
27.8%
------分隔线----------------------------
  • QQ在线咨询
  • 93DIY微博
关注93DIY微博