- |
- |
Rackspace Email and Outlook Web Access (OWA) Login Widget
1
Choose a style
2
Copy the code
3
Paste onto your site
Standard Tall: 350px × 210px
Select Code
<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-350x210.png);width:350px;height:210px;background-repeat:no-repeat;">
<div style="padding:20px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333;">
<form name="loginForm" style="margin:0px" onsubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<table>
<tr height="30px">
<td width="80px">Username:</td>
<td> <input type="text" name="user_name" class="small" style="width:190px;"></td>
</tr>
<tr height="30px">
<td width="80px">Password:</td>
<td><input type="password" name="password" class="small" style="width:120px;"><input type="submit" value="Login" class="small" style="width:60px;margin:0px 0px 0px 10px;"> </td>
</tr>
<tr height="20px">
<td width="80px"></td>
<td>
<input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px;"><font style="font-size:11px">Remember me</font>
<input type=hidden name='useSSL' id='useSSL' value=''>
</td>
</tr>
</table>
</form>
<div style="text-align:center;padding-top:10px">
<img src="http://rackspace.com/apps/support/media/widget/rackspace-logo.png" width="120" height="40" border="0" align="center" />
</div>
<div style="text-align:center;padding-top:10px;">
<font style="font-size:9px;">
<a href="http://www.rackspace.com/apps/email_hosting/compare" color="#0000FF" style="text-decoration:none;" target="_blank">Email Hosting Service from Rackspace</a>
</font>
</div>
</div>
</div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js"></script><script type="text/javascript">preloadForm(); if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}</script>
Standard Short: 320px × 150px
Select Code
<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-320x150.png);width:320px;height:150px;background-repeat:no-repeat;">
<div style="padding:15px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333;">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<table>
<tr height="20px">
<td width="80px">Username:</td>
<td> <input type="text" name="user_name" class="small" style="width:190px;"></td>
</tr>
<tr height="20px">
<td width="80px">Password:</td>
<td><input type="password" name="password" class="small" style="width:120px;"><input type="submit" value="Login" class="small" style="width:60px;margin:0px 0px 0px 10px;"> </td>
</tr>
<tr height="20px;">
<td width="80px"></td>
<td>
<input type="checkbox" name="remember" id="remember" style="margin:0px 5px 0px 0px;"><font style="font-size:11px;">Remember me</font>
<input type=hidden name='useSSL' id='useSSL' value=''>
</td>
</tr>
</table>
</form>
<div style="text-align:center;padding-top:15px;">
<font style=";font-size:9px;">
<a href="http://www.rackspace.com/apps/email_hosting/exchange_hosting" color="#0000FF" style="text-decoration:none;" target="_blank">Microsoft Hosted Exchange and Email by Rackspace</a>
</font>
</div>
</div>
</div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js"></script><script type="text/javascript">preloadForm(); if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}</script>
Footer & Nav Wide: 820px × 50px
Select Code
<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-820x50.png);width:820px;height:50px;background-repeat:no-repeat;">
<div style="height:50px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333;text-align:left">
<table style="float:right;height:50px;width:200px;font-size:9px;text-align:right;line-height:14px;margin-right:10px">
<tr><td valign="middle"> <a href="http://www.rackspace.com/apps/email_hosting" color="#0000FF" style="text-decoration:none;" target="_blank">Business Email Hosting powered by Rackspace</a> </td></tr>
</table>
<div style="padding:12px 0px 0px 10px">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
Username:
<input type="text" name="user_name" class="small" style="width:90px;margin:0px 5px 0px 0px;vertical-align:middle">
Password:
<input type="password" name="password" class="small" style="width:90px;margin:0px 5px 0px 0px;vertical-align:middle">
<input type=hidden name='useSSL' id='useSSL' value=''>
<input type="submit" value="Login" class="small" style="width:60px;margin:0px 5px 0px 5px;vertical-align:middle">
<input type="checkbox" name="remember" id="remember" style="width:12px;vertical-align:middle;margin-right:5px;"><font style="font-size:11px;vertical-align:middle">Remember me</font>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js"></script><script type="text/javascript">preloadForm(); if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}</script>
Footer & Nav Narrow: 520px × 70px
Select Code
<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-520x70.png);width:520px;height:70px;background-repeat:no-repeat;">
<div style="padding:10px 5px 5px 40px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
Username:
<input type="text" name="user_name" class="small" style="width:90px;margin:0px 5px 0px 0px;vertical-align:middle">
Password:
<input type="password" name="password" class="small" style="width:90px;margin:0px 5px 0px 0px;vertical-align:middle">
<input type="submit" value="Login" class="small" style="width:60px;margin:0px 0px 0px 5px;vertical-align:middle">
<input type=hidden name='useSSL' id='useSSL' value=''>
<div style="padding-top:5px">
<div style="float:left;height:25px;line-height:25px;text-align:left">
<input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px;"><font style="font-size:11px">Remember me</font>
</div>
<div style="height:25px;line-height:25px;text-align:right">
<font style="margin:0px 10px 0px 0px;font-size:9px;">
<a href="http://www.rackspace.com/apps" color="#0000FF" style="text-decoration:none;" target="_blank">Rackspace Cloud Computing Applications</a> </font>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js"></script><script type="text/javascript">preloadForm(); if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}</script>
Vertical Tall: 200px × 290px
Select Code
<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-200x290.png);width:200px;height:290px;background-repeat:no-repeat;">
<div style="padding:15px 20px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333;">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<div>Username:</div>
<input type="text" name="user_name" class="small" style="width:150px;margin:5px 0px 0px 0px;"></td>
<div style="margin:5px 0px 0px 0px;">Password:</div>
<input type="password" name="password" class="small" style="width:150px;margin:5px 0px 0px 0px;">
<input type=hidden name='useSSL' id='useSSL' value=''>
<input type="submit" value="Login" class="small" style="width:60px;margin:10px 0px 0px 0px;">
<div style="padding:10px 0px"><input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px"><font style="font-size:9px;">Remember Me</font></div>
</form>
<div style="text-align:center">
<img src="http://rackspace.com/apps/support/media/widget/rackspace-logo.png" width="120" height="40" border="0" align="center" />
</div>
<div style="text-align:center;padding-top:10px;">
<font style="font-size:9px;line-height:14px">
<a href="http://www.rackspace.com/apps/email_hosting/exchange_hybrid" color="#0000FF" style="text-decoration:none;" target="_blank">Rackspace Email and MS Exchange Hosting</a>
</font>
</div>
</div>
</div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js"></script><script type="text/javascript">preloadForm(); if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}</script>
Vertical Short: 200px × 220px
Select Code
<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-200x220.png);width:200px;height:220px;background-repeat:no-repeat;">
<div style="padding:10px 20px;font-family:verdana, geneva, sans-serif;font-size:11px;color:#333;">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<div>Username:</div>
<input type="text" name="user_name" class="small" style="width:150px;margin:3px 0px 0px 0px;"></td>
<div style="margin:5px 0px 0px 0px;">Password:</div>
<input type="password" name="password" class="small" style="width:150px;margin:3px 0px 0px 0px;">
<input type=hidden name='useSSL' id='useSSL' value=''>
<input type="submit" value="Login" class="small" style="width:60px;margin:5px 0px 0px 0px;">
<div style="padding:10px 0px 10px 0px"><input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px;"><font style="font-size:9px;">Remember Me</font></div>
</form>
<div style="text-align:center">
<font style="font-size:9px;line-height:14px">
<a href="http://www.rackspace.com/apps/email_hosting/compare" color="#0000FF" style="text-decoration:none;" target="_blank">Email Hosting Service from Rackspace</a>
</font>
</div>
</div>
</div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js"></script><script type="text/javascript">preloadForm(); if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}</script>
Thank you for using our log-in widget and linking to our site. We appreciate your support!
