| 
	2)代码解释 
	所谓的代码解释就是要让大家能够看得懂,所以大家可以看一下整个页面的注释版代码: 
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
	<html xmlns="http://www.w3.org/1999/xhtml">  
	<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
	<title>首页登陆样式测试 —— 最模板网建站工作室(www.lazybirdfly.com)</title>  
	<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/"></script><!--这段是显示整个效果必须要存在的ajax框架-->  
	<script language="javascript" type="text/javascript">  
	    function CheckLogin(){ //判断是否登陆的函数   
	      var taget_obj = document.getElementById('_userlogin'); //登陆后动态加载的区块,也就是<body>区域的id="_userlogin"的所有内容   
	      myajax = new DedeAjax(taget_obj,false,false,'','','');   
	      myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); //登陆后的要显示的具体内容   
	      DedeXHTTP = null;   
	    }   
	</script>  
	</head>  
	<body>  
	<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: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></li>           
	    </ul>  
	</div>  
	<script language="javascript" type="text/javascript">CheckLogin();</script><!--本函数必须加载,用于获取上面的function CheckLogin()函数-->  
	<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>  
	</body>  
	</html>  
	    通过上面的查看,我们已经知道要美化这个样式,只需要修改 /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 = emptyempty($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; ?>/guestbook_admin.php">我的留言</a> | <a href="<?php echo $cfg_memberurl; ?>/mystow.php">我的收藏</a> | <a href="<?php echo $cfg_memberurl; ?>/index.php">会员中心</a> |  <a href="<?php echo $cfg_memberurl; ?>/edit_fullinfo.php">修改资料</a> | <a href="<?php echo $myurl;?>">空间</a> | <a href="<?php echo $cfg_memberurl; ?>/index_do.php?fmdo=login&dopost=exit">退出登录</a>   
	怎么样?大家知道应该如何来制作这个效果了吧。好了,我们再来看看竖向的登录框。 
	(责任编辑:最模板) | 



 ecshop转盘积分抽奖插件
							人气:7377
							ecshop转盘积分抽奖插件
							人气:7377
						 Sebian外贸综合多用途mage
							人气:157
							Sebian外贸综合多用途mage
							人气:157
						 ecshop仿梦芭莎2010老版
							人气:640
							ecshop仿梦芭莎2010老版
							人气:640
						 ecshop仿贝贝网2016母婴特卖
							人气:614
							ecshop仿贝贝网2016母婴特卖
							人气:614
						 ecshop全站URL自定义插件,
							人气:5768
							ecshop全站URL自定义插件,
							人气:5768
						 Ecmall仿天猫2014多店铺商城
							人气:2515
							Ecmall仿天猫2014多店铺商城
							人气:2515