欢迎来到欣怡源码!我们致力于织梦终身会员模板及VIP模板更新

dedecms实现首页顶部会员登陆框的方法

相关案例演示

下面我们来一步一步修改! 

首先在index.html中删掉原来的登陆代码,在头部文件head.html加入以下新的代码: 

 

复制代码代码如下:

 

<div class="header_top"> 

<div class="w960 center"> 

<span class="time" id="time"> 

<table border="0" align="center" > 

<tr><td> 

<div id="_userlogin"> 

<div class="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" /> 

<div class="fb">用户名:<input type="text" name="userid" size="18" class="ipt-txt" /> 

密码:<input type="password" name="pwd" size="18" class="ipt-txt" /> 

验证码:<input type="text" name="vdcode" size="8" class="ipt-txt" /> 

<img align="center" src=http://www.dede58.com/a/dedejq/"{dede:global.cfg_cmsurl/}/include/vdimgck.php" /> 

<button type="submit" class="btn-1">登录</button> 

<a href=http://www.dede58.com/a/dedejq/"{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew">注册帐号</a> <a href=http://www.dede58.com/a/dedejq/"{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a> 

</form> 

</div> 

</div> 

<!-- /userlogin --> 

<script language="javascript" type="text/javascript">CheckLogin();</script> 

</td></tr></table> 

</span> 

<div class="toplinks"><a href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</a> | <a href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</a> | <a href=http://www.dede58.com/a/dedejq/"{dede:global.cfg_cmsurl/}/data/sitemap.html" target="_blank">网站导航</a></div> 

</div> 

</div> 

 

HTML代码现在我们已经有了,下面把上面代码中用到的CSS样式完善了: 

 

代码如下:

 

/*---------- head ---------*/ 

.header{ 

width:100%; 

width:960px; 

margin:auto; 

overflow:hidden; 

.header_top{ 

height:32px!important; 

height:31px; 

line-height:32px; 

color:#676767; 

overflow:hidden; 

background:url(../images/top_bg.gif) repeat-x; 

.center{ 

margin:0px auto; 

.w960{ 

width:960px; 

/*position:relative;*/ 

.header_top .time{ 

float:left; 

padding-left:10px; 

.header_top .toplinks{ 

float:right; 

text-align:right; 

.header_top .toplinks a{ 

margin:0 5px; 

.header .top{ 

clear:both; 

overflow:hidden; 

margin-top:10px; 

.header .title{ 

float:left; 

.header .title h1 a{ 

width:386px; 

height:58px; 

display:block; 

overflow:hidden; 

.header .banner{ 

width:434px; 

height:55px; 

float:right; 

margin-left:20px; 

作者:欣怡源码 挑错 时间:2020-06-22 08:47
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关织梦教程
在线客服