This following modification will change the look of your “Change Password” page just like the modifications I have ever been made to beautify the Login, Registration, and Forgot Password page. This "Change Password" page can be accessed when User has successfully logged in to your system. This following modifications are also using the same images that used on the modifications in order to beautify the “Login” page.
[hidepost]
- Make sure you have already downloaded the box-images file, and already extracted all files inside that zip file into your Script\images\ sub-directory.
-
Open your changepwd.php file, and find this code:
<form action="<?php echo ew_CurrentPage() ?>" method="post" onsubmit="return <!--##=sPageObj##-->.ValidateForm(this);"> <table border="0" cellspacing="0" cellpadding="4"> <tr> <td><span class="phpmaker"><!--##@OldPassword##--></span></td> <td><span class="phpmaker"><input type="password" name="opwd" id="opwd" size="20" /></span></td> </tr> <tr> <td><span class="phpmaker"><!--##@NewPassword##--></span></td> <td><span class="phpmaker"><input type="password" name="npwd" id="npwd" size="20" /></span></td> </tr> <tr> <td><span class="phpmaker"><!--##@ConfirmPassword##--></span></td> <td><span class="phpmaker"><input type="password" name="cpwd" id="cpwd" size="20" /></span></td> </tr> <tr> <td> </td> <td><span class="phpmaker"><input type="submit" name="submit" id="submit" value="<?php echo ew_BtnCaption($Language->Phrase("ChangePwdBtn")) ?>" /></span></td> </tr> </table> </form> <br />and then replace it with this following code:
<br /><br /> <body onload="document.frmChangePwd.opwd.value=''; document.frmChangePwd.opwd.focus();"> <form name="frmChangePwd" action="<?php echo ew_CurrentPage() ?>" method="post" onsubmit="return <!--##=sPageObj##-->.ValidateForm(this);"> <table border="0" cellpadding="0" cellspacing="0" width="400" align="center"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="420" align="center"> <tr> <td align="left" valign="top" width="4" height="30"><img src="phpimages/sidebox-title-left.gif"></td> <td align="left" valign="middle" background="phpimages/sidebox-title-bg.gif" width="390" height="30"> <font class="option"> <strong><!--##@ChangePwdPage##--></strong></font></td> <td align="left" valign="top" width="4" height="30"><img src="phpimages/sidebox-title-right.gif"></td> </tr> </table> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr valign="top"> <td width="4" align="left" valign="top" background="phpimages/sidebox-bar-left.gif"><img src="phpimages/sidebox-bar-px.gif"></td> <td bgcolor="#FFFFFF" width="" align="left" valign="top"> <table bgcolor="#F0F1F5" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="412" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td > </td> <td > </td> <tr/> <tr> <td > </td> <td > </td> <tr/> <tr> <td> <span class="phpmaker"><!--##@OldPassword##--></span></td> <td><span class="phpmaker"><input type="password" name="opwd" id="opwd" size="30" /></span></td> </tr> <tr> <td > </td> <td > </td> <tr/> <tr> <td> <span class="phpmaker"><!--##@NewPassword##--></span></td> <td><span class="phpmaker"><input type="password" name="npwd" id="npwd" size="30" /></span></td> </tr> <tr> <td > </td> <td > </td> <tr/> <tr> <td> <span class="phpmaker"><!--##@ConfirmPassword##--></span></td> <td><span class="phpmaker"><input type="password" name="cpwd" id="cpwd" size="30" /></span></td> </tr> <tr> <td > </td> <td > </td> <tr/> <tr> <td > </td> <td > </td> <tr/> <tr> <td> </td> <td><span class="phpmaker"><input type="submit" name="submit" id="submit" value="<?php echo ew_BtnCaption($Language->Phrase("ChangePwdBtn")) ?>" /></span></td> </tr> <tr> <td > </td> <td > </td> <tr/> <tr> <td > </td> <td > </td> <tr/> </table> </td> </tr> </table> </td> <td width="4" align="left" valign="top" background="phpimages/sidebox-bar-right.gif"><img src="phpimages/sidebox-bar-px.gif"> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="420" align="center"> <tr> <td width="2" height="29" align="left" valign="top"><img src="phpimages/storybox-bottom-left.gif"></td> <td width="394" height="29" background="phpimages/storybox-bottom-bg.gif"> </td> <td width="8" height="29" align="left" valign="top"><img src="phpimages/storybox-bottom-right.gif"></td> </tr> </table> </form> </body> <br /><br />
[/hidepost]
Leave a Reply
You must be logged in to post a comment.