DEDECMS Member Center vertical landing and lateral landing modification method

DEDECMS Member Center vertical landing and lateral landing modification method, we can according to their own needs to modify! The following modified member login code, remove the Dedecms and comment on the function, so that the Member center more concise, but also more convenient for the user's use! Let's make some changes together.

The first step: the first is JS call

Whether horizontal or vertical, directly call the dream of the JS code, the code is as follows:

<script language= "javascript" type= "Text/javascript" src= "{dede:global.cfg_cmsurl/}/include/dedeajax2.js" > </script>&http://www.aliyun.com/zixun/aggregation/37954.html ">nbsp;
<script language= "javascript" type= "Text/javascript" >
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>
The direct copy is placed inside the head.

Step two: The partial modification of the landing box

If you want to vertical the landing box, copy the code

&lt;div id= "_userlogin" &gt;&lt;!--dynamically displayed content block, the ID value must be the _ in the document.getElementById (' _userlogin ') above Userlogin remain consistent--&gt;


&lt;form name= "Userlogin" action= "{dede:global.cfg_memberurl/}/index_do.php" method= "POST" &gt;&lt;!-- Login submitted processing page--&gt;


&lt;input type= "hidden" name= "Fmdo" value= "login"/&gt;&lt;!--definition operation is login--&gt;


&lt;input type= "hidden" name= "dopost" value= "login"/&gt;&lt;!--definition operation is login--&gt;


&lt;input type= "hidden" name= "Keeptime" value= "604800"/&gt;&lt;!--Remember the time of login, unit seconds--&gt;


&lt;ul&gt;


&lt;li&gt;


&lt;label&gt; Username: &lt;/label&gt;&lt;input type= "text" name= "userid" class= "text" style= "width:100px"/&gt;&lt;!-- Username--&gt;


&lt;/li&gt;


&lt;li&gt;


&lt;label&gt; password:&lt;/label&gt; &lt;input type= "password" name= "pwd" class= "text" style= "width:100px"/&gt;&lt;!- -Password--&gt;


&lt;/li&gt;


&lt;li&gt;


&lt;label&gt; Verification Code: &lt;/label&gt;&lt;input type= "text" name= "Vdcode" class= "text" style= "width:40px"/&gt; &lt;img "id=" Vdimgck "align=" Absmiddle "onclick=" this.src=this.src+ "style=" cursor:pointer; margin-left:0px "alt=" can't see clearly? Click Replace "src=". /include/vdimgck.php "/&gt;


&lt;/li&gt;


&lt;li&gt;&lt;button type= "Submit" class= "btn-1" &gt; Login &lt;/button&gt; &lt;a href= "{dede:global.cfg_m Emberurl/}/index_do.php?fmdo=user&amp;dopost=regnew "&amp; gt; Registered account &lt;/a&gt; &lt;a href=" {dede:global.cfg_ memberurl/}/resetpassword.php &gt; Forgot password?&lt;/a&gt; &lt;/li&gt;


&lt;/ul&gt;


&lt;/div&gt;


&lt;script language= "javascript" type= "Text/javascript" &gt;checklogin ();&lt;/script&gt;&lt;!--This function must be loaded, Used to get the function checklogin () functions above--&gt;

The following is a CSS style, you can change according to their own needs to different styles

&lt;style&gt;


#_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;


}  


&lt;/style&gt;