adding text to login page

Chris Burkill chris.burkill at kkb.in.th
Sun Feb 4 08:50:46 CET 2007


Hi Sam

I did it this way to match an existing website. The experts can probably find many mistakes with my code but I hope it helps.

The <STYLE> stuff is to format the page as I want without an external css file.


--------------------------------------------------------------------------------

<CODE HERE>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title><roundcube:object name="pagetitle" /></title>
  <roundcube:include file="/includes/links.html" />
  <style type="text/css">
  td.links{  color: #ffffff; background-color: #990000;  font-size: 8pt; text-align: center; align: center; valign: middle; padding: 0px; } 
  a.links {  font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: none; }
  a.links:visited { color: #999999; font-weight: normal; text-decoration: none; color: #ffffff; }
  p.terms  { font-size: 8pt; color: #990000; text-align: justify; margin-top: 1px;}
  p.promo  { font-size: 9pt; color: #990000; text-align: justify; margin-top: 1px;}
  #promo { position: absolute; top: 55px; left: 20px;  font-size: 8pt;  color: #990000; text-align: justify;  background-color: #dddddd; border: 1px solid #330000; width: 433px; height: 498px;  padding: 8px;  padding-right: 12px;  align: center; valign: middle; z-index: 60;}
  #login-header{ position: absolute; top: 305px; left: 475px;  font-size: 10pt;  color: #ffffff;  text-align: center;  background-color: #cc0000; border: 1px solid #330000; width: 500px; height: 20px;  padding: 4px;  align: center; valign: middle; z-index: 120;}
  p.terms  { font-size: 8pt; color: #990000; background-color: #dddddd;  text-align: justify; margin-top: 1px; margin-left: 15px;}
  #login-form { position: absolute; top: 335px; left: 474px; font-size: 8pt;  color: #660000;  background-color: #ffffff; border: 1px solid #330000; width: 493px; height:218px;  padding: 8px;  align: left; valign: middle; z-index: 110;}
  #signup { position: absolute; top: 55px; left: 474px;  color: #990000; background-color: #dddddd; border: 1px solid #330000; font-size: 8pt; width: 433px; height:285px;  padding: 38px;  align: left; valign: middle; z-index: 100;} 
  a:hover {  color: #00197E; }
  a { color: #00197E; }
  a:visited { color: #00197E; }
  #MySite_footer { position: absolute; top: 570px; left: 20px; } </style>
  </head>
  <body>

  <roundcube:include file="/includes/globalheader.html" />
  <roundcube:object name="message" id="message" />

  <div id="login-header">
  <b><i>MySite</i></b> Webmail Login
  </div>

  <div id="login-form"><br /><br />
  <form name="form" action="./" method="post">
  <roundcube:object name="loginform" form="form" />
  <p style="text-align: center;"><input type="submit" class="button" value="<roundcube:label name="login" />" />

  </form>
  <br /><br />
  <a href="/emsu/passrec.php">Recover your lost or forgotten password</a><br />
  </div>


  <div id="signup">
  <b><font color="#cc0000"><i>Free @MySite.com Webmail</i> offers you the following features.</b>
  <ul><ul>
  <li>5MB quota <i>(May be increased in the future)</i></li>
  <li>Anti-Spam</li>
  <li>No Advertising or Pop-ups</li>
  <li>Addressbook</li>
  <li>Personalised Folders</li>
  <li>Webmail and POP access</li>
  </ul></ul></font>
  <a href="/emsu/emsignup.php">Register for a free Student email account</a>
  </div>

  <div id="promo">
  <b><i>MySite Webmail</i> is provided free of charge for students of the Mysite</b><br /><br />
  <b>PRIVACY:</b><p class="terms">The only personal details required are your real name, and 
  an alternative email for password recovery should you need it.<br /><br />
  <b><i>MySite</i></b> or <b><i>MySite Webmail</i></b> will never pass or sell your 
  details or email details to any third-party.<br /></p>


  <b>TERMS AND CONDITIONS:</b><br />
  ............. <BAH!> <BLAH!> ..........   Backup of data is the sole responsibility of the user.</p>
  </DIV>
  <div id="MySite_footer">

  <table width="970" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td class="links" width="170">
  <img alt="MySite_logo (1K)" src="/images/MySite_logo.gif" height="35" width="165" />
  </td>
  <td class="links" width="200">
  <a class="links" href="/templates/privacy.html">Privacy</a>
  </td>
  <td class="links" width="200">
  <a class="links" href="/templates/t_and_c.html">Terms and Conditions</a>
  </td>
  <td class="links" width="400">
  Website Content Copyright (c) MySitemail.com 2006<br />
  Webmail Powered by "<b><i>ROUNDCUBE WEBMAIL</i></b>"
  </td>
  </tr>
  </table>
  </div>

  </body>
  </html>

--------------------------------------------------------------------------------


I hope this helps

Regards Chris






-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.roundcube.net/pipermail/users/attachments/20070204/6dd7f8b0/attachment-0001.html>


More information about the users mailing list