修改DedeCMS會員登錄狀態(tài)（樣式）調(diào)用代碼方法

2024-07-12 08:57:26

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

織夢登陸框想修改顯示樣式怎么辦呢？

有兩種樣式，橫向展示，豎向展示：下面是具體實現(xiàn)代碼

一、橫向樣式

1.實現(xiàn)過程

第一步：我們首先新建一個空白的默認首頁模板（通常為index.htm），并設(shè)置為啟用狀態(tài)，然后掏空里面的所有代碼。

第二步：然后在<head></head>區(qū)域內(nèi)加入以下代碼：

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>

第三步：然后再在<body></body>區(qū)域增加如下代碼：

<ul>

<li>

<li>

</li>

<li>

</li>

</ul>

</div>

<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>

第四步：代碼添加完畢，我們生成首頁或者直接瀏覽動態(tài)首頁看看效果：

第五步：我們輸入正確的賬號密碼，回到首頁的效果圖：

到此，我們的橫向登陸樣式就制作完畢了。

但是很明顯，登陸后的樣式非常丑陋，我們應該美化一下，但在美化之前我們應該要來了解一下代碼中的含義。

2）代碼解釋

所謂的代碼解釋就是要讓大家能夠看得懂，所以大家可以看一下整個頁面的注釋版代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>首頁登陸樣式測試 —— 旭日站長織夢教程網(wǎng)（www.webmaster5u.com）</title>

function CheckLogin(){ //判斷是否登陸的函數(shù)

var taget_obj = document.getElementById('_userlogin'); //登陸后動態(tài)加載的區(qū)塊，也就是<body>區(qū)域的id="_userlogin"的所有內(nèi)容

myajax = new DedeAjax(taget_obj,false,false,'','','');

myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); //登陸后的要顯示的具體內(nèi)容

DedeXHTTP = null;

}

</script>

</head>

<body>

<ul>

<li>

<li>

</li>

<li>

</li>

</ul>

</div>

<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>

通過上面的查看，我們已經(jīng)知道要美化這個樣式，只需要修改 /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>

我們也順道來看一下修改后的效果：

怎么樣？大家知道應該如何來制作這個效果了吧。好了，我們再來看看豎向的登錄框。

二、豎向登陸

(責任編輯：模板天下)

通過橫向登陸的示例，其實我們很容易理解。要做一個豎向登陸的這個效果，只需要將登陸前后的樣式分別修改一下即可，不需要修改其它任何功能文件。

這是我修改的豎向登陸的登錄前樣式：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>首頁登陸樣式測試 ——旭日站長織夢教程網(wǎng)（www.webmaster5u.com）</title>

function CheckLogin(){ //判斷是否登陸的函數(shù)

var taget_obj = document.getElementById('_userlogin'); //登陸后動態(tài)加載的區(qū)塊，也就是<body>區(qū)域的id="_userlogin"的所有內(nèi)容

myajax = new DedeAjax(taget_obj,false,false,'','','');

myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); //登陸后的要顯示的具體內(nèi)容

DedeXHTTP = null;

}

</script>

</head>

<body>

<ul>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

<style>

#_userlogin{font-size:12px; height:22px; text-align:left;}

#_userlogin ul {margin:0;}

#_userlogin ul li{ list-style:none; margin:0; padding:5px 0;}

#_userlogin ul li input.text{font-size:12px; height:14px;}

#_userlogin .userinfo{

width:220px;

}

#_userlogin .userinfo .welcome{

width:220px;

height:24px;

margin:12px auto;

background:#F9F9F9;

border-top:1px solid #EEE;

border-bottom:1px solid #EEE;

line-height:23px;

text-indent:10px;

color:#666;

}

#_userlogin .userinfo .welcome strong{

color:#F60;

font-weight:bold;

}

#_userlogin .userinfo .userface{

width:60px;

height:64px;

overflow:hidden;

padding-left:16px;

padding-top:2px;

float:left;

}

#_userlogin .userinfo .userface a{

display:block;

margin:0px auto;

text-align:center;

}

#_userlogin .userinfo .userface a img{

width:52px;

height:52px;

display:block;

margin:0px auto 6px;

padding:2px;

border:1px solid #DDD;

}

#_userlogin .userinfo .mylink{

width:144px;

float:left;

overflow:hidden;

}

#_userlogin .userinfo .mylink ul{

margin:0;

padding:0;

}

#_userlogin .userinfo .mylink ul li{

width:50%;

float:left;

line-height:21px;

text-indent:12px;

padding:0;

}

#_userlogin .userinfo .mylink ul li a{

color:#555;

}

.userinfo .uclink{

height:31px;

line-height:31px;

clear:both;

overflow:hidden;

text-align:center;

color:#DDD;

}

.userinfo .uclink a{

color:#690;

margin:0px 2px;

}

</style>

</body>

</html>

好，接下來我們看看效果：

登陸后的顯示樣式我們用織夢（DedeCMS）自帶的，來看看效果：

上一篇：如何在dedecms5.7文章內(nèi)容頁調(diào)用關(guān)鍵詞增加鏈接呢？？

下一篇：DEDE織夢實現(xiàn)讓文章標題滾動起來方法

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網(wǎng)友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網(wǎng)友關(guān)注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

修改DedeCMS會員登錄狀態(tài)（樣式）調(diào)用代碼方法