DEDECMS Member Center vertical landing and lateral landing modification method

Source: Internet
Author: User
Keywords Dedecms vertical landing lateral landing Member Center

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;

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.