Hi there again, Well, this is what i have got till now in my first attempt to make a joomla 1.5 template, please give me some me guide to correct what is wrong in this code, if i need to add or take off something
screenshot of layout
http://img301.imageshack.us/img301/8813/diseohc8.jpg
index.php
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
#
<jdoc:include type="head" />
#
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fixed Width CSS Layouts - 3 Column - fw-34-3-col</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
This is the Header
</div>
<!-- End Header -->
<!-- Begin Left Column -->
<div id="leftcolumn">
Left Column
</div>
<!-- End Left Column -->
<!-- Begin Content Column -->
<div id="content">
<a href="#">Download this CSS Layout</a>
</div>
<!-- End Content Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
Right Column
</div>
<!-- End Right Column -->
<!-- Begin Footer -->
<div id="footer">
This is the Footer
</div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
template_css
Code:
#
<?xml version="1.0" encoding="utf-8"?>
#
<install version="1.5" type="template">
#
<name>Nombre de la plantilla</name>
#
<creationDate>Fecha de creación</creationDate>
#
<author>Nombre del autor</author>
#
<copyright>Copyright</copyright>
#
<authorEmail>email del autor</authorEmail>
#
<authorUrl>web del autor</authorUrl>
#
<version>versión</version>
#
<description>
#
<![CDATA[
#
Diseñado por mi.
#
]]>
#
</description>
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 1022px;
}
#header {
color: #333;
width: 1000px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 5px 0px;
background: #F5DEB3;
}
#navigation {
float: left;
width: 1000px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 5px 0px;
background: #BD9C8C;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
}
#content {
float: left;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 556px;
display: inline;
}
#rightcolumn {
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
}
#footer {
width: 1000px;
clear: both;
color: #333;
border: 1px solid #ccc;
background: #BD9C8C;
margin: 0px 0px 10px 0px;
padding: 10px;
}
template_details
Code:
#
<?xml version="1.0" encoding="utf-8"?>
#
<install version="1.5" type="template">
#
<name>Template Name</name>
#
<creationDate>Date Creation</creationDate>
#
<author>My Name</author>
#
<copyright>Creative Commons</copyright>
#
<authorEmail>My email</authorEmail>
#
<authorUrl>URL of Web</authorUrl>
#
<version>Versión</version>
#
<description>
#
<![CDATA[
#
Aqui va la descripción, puede usarse HTML o texto plano.
#
]]>
#
</description>
#
<files>
#
<filename>index.php</filename>
#
<filename>templateDetails.xml</filename>
#
<filename>template_thumbnail.png</filename>
#
<filename>favicon.ico</filename>
#
<filename>css/template.css</filename>
#
<filename>images/imagen.png</filename>
#
</files>
#
<positions>
#
<position>left</position>
#
<position>right</position>
#
<position>top</position>
#
<position>user1</position>
#
<position>user2</position>
#
<position>user3</position>
#
<position>user4</position>
#
<position>footer</position>
</positions>
#
<params>
#
<param name="color" type="list" default="blanco" label="Color de fondo" description="Color de fondo">
#
<option value="azul">Azul</option>
#
<option value="rojo">Rojo</option>
#
<option value="negro">Negro</option>
#
<option value="blanco">Blanco</option>
#
</param>
#
</params>
#
</install>
http://img301.imageshack.us/img301/8813/diseohc8.jpg