The application The application will consists of the following files:
The template for the site is actually very simple. It has the following HTML: <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link href="was.css" rel="stylesheet" type="text/css" /> </head> <body> <table width="99%" border="1"> <tr> <td bgcolor="#333333" class="header">Web Secure</td> </tr>
<tr> <td><!-- TemplateBeginEditable name="main" -->main<!-- TemplateEndEditable --></td> </tr> <tr> <td class="copy">©2008</td> </tr> </table> </body> </html> And the following look:
The Cascading Style Sheet is even simpler. It has the following code: body,html { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } .header{ text-align:center; font-size:24px; color:#FFFFFF; font-weight:100; } .copy{ font-size:9px; text-align:right; } .list{ font-size:11px; } .listtop{ border-bottom:1px; border-bottom-color:#000000; border-bottom-style:solid; font-weight:bold; background-color:#CCCCFF;} .temptitle { font-size: 24px; font-weight: normal; color: #ffffff; background-color:#003366; text-align:center;
} #myimg{ margin-right:60px; margin-left:600px; }
#mytxt{ text-align:left; position:absolute; left: 237px; top: 39px; height: 27px; font-size:24px; color:#FFFFFF; background-color:#003366;
} The CSS simply defines a few styles that are used by the PHP scripts.
blog comments powered by Disqus |
|
|
|
|
|
|
|