View Single Post
  #1 (permalink)  
Old 03-15-2008, 04:52 PM
Latina.ecu's Avatar   
Latina.ecu Latina.ecu is offline
Newbie
 
Join Date: Mar 2008
Location: The Netherlands
Posts: 17
Rep Power: 2
Latina.ecu is on a distinguished road
Send a message via MSN to Latina.ecu
Default Joomla template design (newbie)

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
Reply With Quote

Sponsored Links