Hello,
Thank you for your question. Since this is a coding question, there are many possible solutions. I found the following code on the official cPanel forums; just replace the server address in the first line with your server:
<div id="content-wrap"><form action="https://biz139.inmotionhosting.com:2096/login/" method="post"> <input name="login_theme" type="hidden" value="cpanel" />
<table class="login" style="width: 200px;" border="0" cellspacing="0" cellpadding="0">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;"><strong>Login</strong></td>
<td style="text-align: left;"> </td>
</tr>
<tr style="text-align: left;">
<td class="login_lines" style="text-align: left;">Email:</td>
<td class="login_lines" style="text-align: left;"><input id="user" name="user" size="16" type="text" tabindex="1" /></td>
</tr>
<tr class="row2" style="text-align: left;">
<td class="login_lines" style="text-align: left;">Password:</td>
<td class="login_lines" style="text-align: left;"><input id="pass" name="pass" size="16" type="password" tabindex="2" /></td>
</tr>
<tr style="text-align: left;">
<td style="text-align: left;" colspan="2"><input id="login" class="input-button" type="submit" value="Login" tabindex="3" /></td>
</tr>
</tbody>
</table>
<input name="goto_uri" type="hidden" value="/?login_theme=cpanel" /> </form> <br /> <br />
<script type="text/javascript"><!--
/* Must not include external javascript -jnk 06.20.09 */
var init = function() {
document.getElementById("user").value = '';
document.getElementById("pass").value = '';
document.getElementById("user").focus();
};
if( window.addEventListener ) {
window.addEventListener('load',init,false);
} else if( document.addEventListener ) {
document.addEventListener('load',init,false);
}
// --></script>
</div>
Add this script to a web page to add a custom login box. This was the easiest of many coding solutions I found, via google search.
If you have any further questions, feel free to post them below.
Thank you,
-John-Paul
<div id="content-wrap"><form action="https://biz139.inmotionhosting.com:2096/login/" method="post"> <input name="login_theme" type="hidden" value="cpanel" /> <table class="login" style="width: 200px;" border="0" cellspacing="0" cellpadding="0"> <tbody style="text-align: left;"> <tr style="text-align: left;"> <td style="text-align: left;"><strong>Login</strong></td> <td style="text-align: left;"> </td> </tr> <tr style="text-align: left;"> <td class="login_lines" style="text-align: left;">Email:</td> <td class="login_lines" style="text-align: left;"><input id="user" name="user" size="16" type="text" tabindex="1" /></td> </tr> <tr class="row2" style="text-align: left;"> <td class="login_lines" style="text-align: left;">Password:</td> <td class="login_lines" style="text-align: left;"><input id="pass" name="pass" size="16" type="password" tabindex="2" /></td> </tr> <tr style="text-align: left;"> <td style="text-align: left;" colspan="2"><input id="login" class="input-button" type="submit" value="Login" tabindex="3" /></td> </tr> </tbody> </table> <input name="goto_uri" type="hidden" value="/?login_theme=cpanel" /> </form> <br /> <br /> <script type="text/javascript"><!-- /* Must not include external javascript -jnk 06.20.09 */ var init = function() { document.getElementById("user").value = ''; document.getElementById("pass").value = ''; document.getElementById("user").focus(); }; if( window.addEventListener ) { window.addEventListener('load',init,false); } else if( document.addEventListener ) { document.addEventListener('load',init,false); } // --></script> </div>
Add this script to a web page to add a custom login box. This was the easiest of many coding solutions I found, via google search. If you have any further questions, feel free to post them below. Thank you, -John-Paul