AB模板網:專注于dede模板,織夢源碼,織夢模板,網站模板下載,dedecms模板,網站源碼,dedecms教程以及各類手機網站模板和企業網站模板分享.

織夢模板

網站模板搜索
營銷型模板 政府網站模板 自適應模板 標簽大全

注冊

dedecms實現首頁頂部會員登陸框的方法

網站模板下載 www.hbjasic.com / 2020-06-22
很多做網站的人在做門戶資訊網站的時候,都喜歡在首頁頂部的位置來個橫向的會員登陸。而dede的會員登陸則是在右邊的。那到底要如何來實現這個功能呢?請先看效果圖。 下面我
標簽:
很多做網站的人在做門戶資訊網站的時候,都喜歡在首頁頂部的位置來個橫向的會員登陸。而dede的會員登陸則是在右邊的。那到底要如何來實現這個功能呢?
 
下面我們來一步一步修改! 
首先在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="{dede:global.cfg_cmsurl/}/include/vdimgck.php" /> 
<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> 
</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="{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; 
overflow:hidden; 
.ipt-txt{ 
width:100px; 
border:1px #CFCFCF solid; 
.fb{ 
color:#333333; 
.btn-1{ 
background: url("../images/comm-bt.gif") no-repeat scroll 0 0 transparent; 
border: medium none; 
color: #585858; 
cursor: pointer; 
height: 24px; 
letter-spacing: 1px; 
line-height: 25px; 
overflow: hidden; 
width: 70px; 
 
HTML代碼和CSS都有了,現在顯示是沒問題了,但要正常登入,還少一些JS文件要加載: 
 
代碼如下:
 
<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> 

 
本文由AB模板網整理發布,轉載請說明出處:http://www.hbjasic.com/dedecmsjc/6296.html
本文標簽:

有問題可以加入織夢技術QQ群一起交流學習

☉首先聲明,只要是我們的vip會員全站所有資源均可以免費下載,不做任何限制(了解更多)

☉本站的源碼不會像其它下載站一樣植入大量的廣告。

☉本站提供的織夢源碼,都是做好測試好發布的,均可放心使用。

☉本站提供的織夢源碼,均帶數據及演示地址。可以在任一源碼詳情頁查看演示地址。

☉為了vip利益的最大化,我們還提供了vip贈品(了解更多

☉如有其他問題,請加網站客服QQ(9490489)進行交流。

相關教程

織夢模板_隨機Tags

智能家電網站模板 展柜網站模板 水果網站模板 HTML5運營資訊模板網站模板 焊接設備網站模板 寵物飼養網站模板 學校網站模板 淺藍色網站模板 光管網站模板 環保模板網站模板 鋼化玻璃網站模板 拋光設備網站模板

推薦教程

首頁 VIP專區 靜態模板 會員中心
青娱乐视频精品分类在线播放