tpl is template file..in our case a simple html file will very few php.
for example you have installer.tpl (pre beta version) above.
(note: it uses html5 and css3)
roger.
<!DOCTYPE html >
<head>
<title>Aiki Framework Installer</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
body {
background: #444 url(./libs/templates/images/installer_bg.png) repeat-x
top left ;
font-family: sans-serif;
font-size: 14px;
line-height:1.2em;
}
#content {
background-color: #fff;
color: #555;
-moz-box-shadow: 12px 12px 12px #000;
-webkit-box-shadow: 12px 12px 12px #000;
box-shadow: 12px 12px 12px #000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 10px auto;
width: 520px;
padding: 12px 20px;
}
#content img {
margin-right: 16px;
margin-left: 12px;
margin-top: 6px;
margin-bottom: 6px;
padding: 2px;
float: left;
}
h1 {
min-height:65px;
color: #000;
background: url(./libs/templates/images/aiki_logo.png) no-repeat top
left;
padding: 0.5em 0 0 80px;
text-align:left; }
h1 em {
font-style: normal;
display: block; margin-top: 0.6em; font-size: 0.5em; color: #f57900;}
fieldset {
margin:0.6em 0;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
border-radius : 8px;
}
legend {
font-weight: bold;
color: #f57900;
padding: 5px; }
ol {
padding: 0 0 0 2em;}
label {
display: block;
font-weight: bold;
text-align: right;
width: 200px;
float: left;}
input {
float: left;
background-color: #fff;
padding: 4px 2px;
border: solid 1px #999;
width: 200px;
margin: 2px 0 10px 10px;}
input:focus,
input:active { border-color:#f57900}
label { padding-top: 5px }
select {
background-color: #fff;
float: left;
padding: 4px 2px;
border: solid 1px #999;
width: 200px;
margin: 2px 0 10px 10px;}
button {
display: block;
margin: 10px auto;
width: 128px;
height: 35px;
background: #f2f2f2;
color: #333;
border: 1px solid #666;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; }
button:hover {
color: #f57900;
background-color: #aaa;}
</style>
</head>
<body>
<div class="container" id="content">
<h1>Aiki Framework<em>Installation</em></h1>
<p>
Before we start you need the following:
<ol>
<li>An empty database, with collation set to utf8_general_ci.
<li>PHP 5.2 or above and apache2.</li>
<li>mod_rewrite must be enabled inside apache2 httpd.conf</li>
</ol>
</p>
<form method="post" id="form">
<fieldset>
<legend>Database Settings</legend>
<label>Database type</label>
<select name="db_type">
<option name="mysql" selected>mysql</option>
<option name="mssql">mssql</option>
<option name="oracle">oracle 8 or higher</option>
<option name="pdo">pdo</option>
<option name="postgresql">postgresql</option>
<option name="sqlite">sqlite</option>
</select>
<label>Host Name</label><input type="text" name="db_host"
value="localhost" />
<label>Database name</label><input type="text" name="db_name" value=""
/>
<label>Database username</label><input type="text" name="db_user"
value="" />
<label>Database password</label><input type="text" name="db_pass"
value="" />
<label>Database encoding</label><input type="text" name="db_encoding"
value="utf8" />
</fieldset>
<fieldset>
<legend>Admin Settings</legend>
<label>Username</label><input type="text" name="username" value=""
/></label>
<label>Full Name</label><input type="text" name="full_name" value=""
/></label>
<label>Email</label><input type="text" name="email" value=""
/></label>
</fieldset>
<button type="submit">Next..</button>
</form>
</div>
</body>
</html>
_______________________________________________
Mailing list: https://launchpad.net/~aikiframework-devel
Post to : [email protected]
Unsubscribe : https://launchpad.net/~aikiframework-devel
More help : https://help.launchpad.net/ListHelp
