martedì 31 maggio 2011

BASIC TEMPLATE

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/template.css" type="text/css" />




<jdoc:include type="head" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
<script>

 $(document).ready(function () {
//$("#foot").height(1000);
 var offset = $("#foot").offset();
 var offsetleft = $("#sidebar_left").offset();
$("#sidebar_left").height(offset.top-offsetleft.top);
$("#sidebar_right").height(offset.top-offsetleft.top);
});

</script>
</head>
<body>
<div id="container">
    <div id="header"><jdoc:include type="modules" name="top" /> </div>  
    <div id="sidebar_left"><jdoc:include type="modules" name="left" /></div>
    <div id="content"><jdoc:include type="component" /></div>
    <div id="sidebar_right"><jdoc:include type="modules" name="right" /></div> 
<div style="clear: both;"></div>
    <div id="foot">aaa<jdoc:include type="modules" name="footer" /></div>
</div>

</body>
</html>

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



#container {
width: 1006px; border: solid 1px blue;
margin-left: auto; margin-right: auto;
}

#header{
border: solid 1px red;
}

#sidebar_left{
border: solid 1px red;
float: left;
width: 200px;
}

#sidebar_right{
border: solid 1px red;
float: left;
width: 200px;
}

#content{
border: solid 1px red;
float: left;
width: 600px;
}

#foot{
border: solid 1px red;
float: left;
width: 100%;
}

body
{
    background: #fff;
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 100.1%;
    padding: 0px;
    text-align: center;
}

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


<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://dev.joomla.org/xml/1.5/template-install.dtd">
<install version="1.5" type="template">
         <name>tutorial_template</name>
         <creationDate>02/2008</creationDate>
         <author>SiteGround</author>
         <authorEmail>templates@siteground.com</authorEmail>
         <authorUrl>http://www.siteurl.com</authorUrl>
         <copyright>SiteGround</copyright>
         <license>SG TOS</license>
         <version>1.0.0</version>
         <description>Basic Joomla Template</description>
         <files>
                 <filename>index.php</filename>
                 <filename>templateDetails.xml</filename>
                 <filename>css/template.css</filename>
         </files>
         <positions>
                 <position>left</position>
                 <position>right</position>
                 <position>top</position>
                 <position>footer</position>
         </positions>
</install>

Nessun commento:

Posta un commento