1、插入js在</head>之上(其中head_tongyong.css是调用的css): ------------------------ <link rel="stylesheet" type="text/css" href="/templets/nvren/head_tongyong.css"> <script language="java script" type="text/java script" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> <script language="java script" type="text/java script"> <!-- function CheckLogin(){ var taget_obj = document.getElementById('_userlogin'); myajax = new DedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta_lady.php"); DedeXHTTP = null; } --> </script> --------------------------------- head_tongyong.css 代码: /*头部样式*/ BODY { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 宋体, arial, 黑体, sans-serif; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 12px; PADDING-TOP: 0px } FORM { TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .input1 { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; HEIGHT: 17px; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid } .input2 { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; HEIGHT: 17px; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid } .input3 { MARGIN-TOP: 1px } A:link { COLOR: #000000; TEXT-DECORATION: none } A:visited { COLOR: #000000; TEXT-DECORATION: none } A:active { COLOR: #000000; TEXT-DECORATION: none } A:hover { COLOR: #fb5a90; TEXT-DECORATION: none } IMG { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none |
头部css样式: /**/ ul{list-style-type:none; padding:0; margin:0px; float:left;} li{ font-family:"宋体"; font-size:12px; font-weight:none;} /*登陆*/ .toubu{ width:980px; margin:0 auto; padding:0px; background-color:#FFF;} .headLand{ width:978px; height:28px; margin:0 auto; padding:0px; border:1px solid #dfe4ea; background-image:url(headLandBG.jpg);} .headLand .headLandl{ width:136px; height:28px; float:left; background-image:url(headLandBGa.jpg); background-repeat:no-repeat; background-position:right;} .headLand .headLandl img{margin:0 auto;padding-left:14px;margin-top:4px;} .headLand .headLandc{ width:565px; height:28px; float:left; background-image:url(headLandBGa.jpg); background-repeat:no-repeat; background-position:right;} .headLand .headLandr{ width:275px; height:28px; float:right;} .headLand .headLandr ul{ float:left; padding-top:8px; padding-left:10px;} .headLand .headLandr li{ width:66px; float:left; text-align:left;} .headLand .headLandr span{ color:#ffa3be; padding-left:3px;} .headLand .headLandr a:link{color:#ffa3be; text-decoration: none;} .headLand .headLandr a:visited{color:#ffa3be; text-decoration: none;} .headLand .headLandr a:hover{color:#c63e55; text-decoration: none;} |
|
横向登录框的源代码:
<DIV class=toubu>
<DIV class=headLand>
<DIV class=headLandl> <a href="{dede:global.cfg_basehost/}"
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage
('{dede:global.cfg_basehost/}');return(false);" style="behavior: url
(#default#homepage)"><IMG src="{dede:global.cfg_templeturl/}/nvren/shouye.jpg" width=108
height=19></A></DIV>
<DIV class=headLandc>
<div id='_userlogin'>
<div style="WIDTH: 565px; margin:0 auto; COLOR: #ffa3be">
<FORM onsubmit="return CheckForm(this);" name="userlogin"
action="{dede:global.cfg_memberurl/}/index_do.php" method="POST">
<ul>
<input type="hidden" name="fmdo" value="login" />
<input type="hidden" name="dopost" value="login" />
<input type="hidden" name="keeptime" value="604800" /></ul>
<UL style="WIDTH: 565px; margin:0 auto; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN:
0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 25px; PADDING-TOP: 3px">
<LI style="TEXT-ALIGN: left; PADDING-LEFT: 3px; PADDING-RIGHT: 5px; FLOAT: left">用户名:
<INPUT id=UserName class=input1 size=12 type=text name=userid></LI>
<LI style="TEXT-ALIGN: left; PADDING-LEFT: 3px; PADDING-RIGHT: 5px; FLOAT: left">密 码:
<INPUT id=Password class=input2 size=12 type="password" name="pwd"></LI>
<LI style="TEXT-ALIGN: left; PADDING-LEFT: 3px; PADDING-RIGHT: 5px; FLOAT: left"><INPUT
class=input3 name="gourl" value="" src="/templets/nvren/denglu.jpg"
type=image></INPUT></LI>
<LI style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP:
5px"><A href="/member/index_do.php?fmdo=user&dopost=regnew" target="_blank">
<SPAN style="COLOR: #f00; FONT-SIZE: 14px">注册</SPAN></A></LI>
<LI style="FLOAT: right; COLOR: #14629e; PADDING-TOP: 3px">
<!--//天气模块//-->
</LI>
</UL>
</FORM>
</div>
<script language="java script" type="text/java script">CheckLogin();</script>
</div>
</DIV>
<DIV class=headLandr>
<UL>
<LI><a href="java script:window.external.AddFavorite('{dede:global.cfg_basehost/}',
'{dede:global.cfg_webname/}')">添加收藏</A><SPAN>|</SPAN></LI>
<LI><A href="/plus/guestbook.php">广告服务</A><SPAN>|</SPAN></LI>
<LI><A href="/plus/guestbook.php">联系我们</A><SPAN>|</SPAN></LI>
<LI><A href="/member/">帮助中心</A></LI>
</UL>
</DIV>
</DIV>
登陆后跳转:/member/ajax_loginsta_lady.php
<?php
/**
* @version $Id: ajax_loginsta.php 1 8:38 2010年7月9日Z tianya $
* @package DedeCMS.Member
* @copyright Copyright (c) 2007 - 2010, DesDev, Inc.
* @license http://help.dedecms.com/usersguide/license.html
* @link http://www.dedecms.com
*/
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';
?>
<div class="userinfo" style='PADDING-TOP: 10px;float:left;width:545px;COLOR: #f00;margin-right:10px;'>
<div class="welcome" style='float:left;padding-left:8px;width:480;COLOR: #f00;margin-right:10px;'>
<SPAN style="COLOR: #f00">你好:<strong><?php echo $cfg_ml->M_UserName; ?></strong>,欢迎登录 | </SPAN>
<SPAN><a href="<?php echo $cfg_memberurl; ?>/guestbook_admin.php">我的留言</a> | </SPAN>
<SPAN style="COLOR: #f00"><a href="<?php echo $cfg_memberurl; ?>/archives_add.php">发表文章</a> | </SPAN>
<SPAN style="COLOR: #f00"><a href="<?php echo $cfg_memberurl; ?>/index.php">会员中心</a> | </SPAN>
<SPAN style="COLOR: #f00"><a href="<?php echo $myurl;?>">空间</a> | </SPAN>
<SPAN style="COLOR: #f00"><a href="<?php echo $cfg_memberurl; ?>/index_do.php?fmdo=login&dopost=exit">退出登录</a></SPAN>
</div>
</div><!-- /userinfo -->