织梦登陆框代码:
<div id="_userlogin">
<div class="userlogin">
<form name=login method=post action="{dede:global.cfg_memberurl/}/index_do.php">
<input type="hidden" name="fmdo" value="login" />
<input type="hidden" name="dopost" value="login" />
<input type="hidden" name="keeptime" value="604800" />
用户名:<input name="userid" type="text" class="inputText" size="12" />
密码:<input name="pwd" type="password" class="inputText" size="12" />
{dede:php}
if(preg_match("#2#", $safe_gdopen))
{
echo '
验证码:<input name="vdcode" type="text" class="inputText" size="4">
<img id="vdimgck" align="absmiddle" onClick="this.src=this.src+\'?\'" style="cursor:pointer;margin-left:0px;text-transform:uppercase;" alt="看不清?点击更换" src="'.$cfg_cmspath.'/include/vdimgck.php" align="absbottom">
';
}
{/dede:php}
<input type="submit" name="Submit" value="登陆" class="inputSub" />
<input type="button" name="Submit2" value="注册" class="inputSub" οnclick="window.open('{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew');" />
</form>
</div>
</div>
<script language="javascript" type="text/javascript">CheckLogin();</script>
前台演示。如下图所示:
在head.htm文件顶部位置添加如下代码:
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<script language="javascript" type="text/javascript">
<!--
$(function(){
$("a[_for]").mouseover(function(){
$(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide();
$(this).addClass("thisclass").blur();
$("#"+$(this).attr("_for")).show();
});
$("a[_for=uc_member]").mouseover();
$("a[_for=flink_1]").mouseover();
});
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>
当我们登陆后,会出来错位,因为织梦程序默认登陆后的页因不是横向的。我们需要修改一下登陆后的页面样式。
主要讲一下登陆后的样式。登陆后的样式文件是member\ajax_loginsta.php。打开这个文件,找到以下代码:
<div class="userinfo">
<div class="welcome">你好:<strong><?php echo $cfg_ml->M_UserName; ?></strong>,欢迎登录 </div>
<div class="userface">
<a href="<?php echo $cfg_memberurl; ?>/index.php"><img src="<?php echo $facepic;?>" width="52" height="52" /></a>
</div>
<div class="mylink">
<ul>
<li><a href="<?php echo $cfg_memberurl; ?>/guestbook_admin.php">我的留言</a></li>
<li><a href="<?php echo $cfg_memberurl; ?>/mystow.php">我的收藏</a></li>
<li><a href="<?php echo $cfg_memberurl; ?>/article_add.php">发表文章</a></li>
<li><a href="<?php echo $cfg_memberurl; ?>/myfriend.php">好友管理</a></li>
<li><a href="<?php echo $cfg_memberurl; ?>/visit-history.php">访客记录</a></li>
<li><a href="<?php echo $cfg_memberurl; ?>/search.php">查找好友</a></li>
</ul>
</div>
<div class="uclink">
<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>
</div>
</div>
将上面的代码修改为:
<table width="100%" border="0">
<tr>
<td align="center" valign="middle"><a href="<?php echo $cfg_memberurl; ?>/index.php"><img src="<?php echo $facepic;?>" width="20" height="20"/></td>
<td>你好:<strong><?php echo $cfg_ml->M_UserName; ?></strong>,欢迎登录
<a href="<?php echo $cfg_memberurl; ?>/index.php">会员中心</a> |
<a href="<?php echo $myurl;?>">空间</a> |
<a href="<?php echo $cfg_memberurl; ?>/article_add.php">发表文章</a> |
<a href="<?php echo $cfg_memberurl; ?>/edit_fullinfo.php">资料</a> |
<a href="<?php echo $cfg_memberurl; ?>/index_do.php?fmdo=login&dopost=exit">退出登录</a>
</td>
</tr>
</table>
可以自己修改下CSS样式,此样式文件为templets\default\style\page.css。
再次查看前台: