Sto cercando di creare un semplice template con header, barra sinistra, content, barra destra e footer ma i moduli non mi si affiancano, vengono in verticale.
Qualcuno potrebbe gentilmente aiutarmi? Scrivo il codice di seguito:
INDEX-PHP
<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!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>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mytemplate/css/template.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<jdoc:include type="modules" name="top" />
<>
<?php if ($this->countModules('left')): ?>
<div id="sidebar_left" class="float" >
<jdoc:include type="modules" name="left" />
<>
<?php endif; ?>
<div id="content" class="float">
<jdoc:include type="component" />
<>
<div id="sidebar_right" class="float">
<jdoc:include type="modules" name="right"/>
<>
<div id="footer" class="clear">
<jdoc:include type="modules" name="footer" />
<>
<>
</body>
</html>
TEMPLATEDETAILS.XLM
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "
http://www.joomla.org/xml/dtd/2.5/template-install.dtd">
<extension version="2.5" type="template" client="site" method="upgrade">
<name>mytemplate</name>
<creationDate>05/2010</creationDate>
<author>ventus85</author>
<authorEmail></authorEmail>
<authorUrl>
http://www.ventus85.com</authorUrl>
<copyright></copyright>
<license>GNU/GPL</license>
<version>1.0.0</version>
<description>Esempio di template per Joomla</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>
</extension>
TEMPLATE.CSS
body {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 13px;
color: #0F0F0F;
}
a:link, a:visited, a:hover{
text-decoration: none;
font-weight: normal;
color: #000;
outline: none;
text-align: left;
}
#container {
width: 950px;
margin: auto;
background-color: #E8E8E8;
border: 1px solid #e2e2e2;
text-align: left;
}
#header {
text-align: center;
background-image:url(../images/header.png);
height: 100px;
}
#content {
width: 600px;
text-align: left;
background-color: #E8E8E8;
padding: 5px;
}
#sidebar_left {
text-align: center;
background-image:url(../images/sfumatura_grigio_perla.png);
width: 160px;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 5px;
}
#sidebar_right {
background-image:url(../images/sfumatura_grigio_perla.jpg);
text-align: center;
width: 160px;
border-left: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 5px;
}
#footer {
background-image:url(../images/footer.png);
/*background-color: #E8E8E8;
text-align: center;
border-top: 1px solid #e2e2e2;
border-botom: 1px solid #e2e2e2;
padding: 5px;
}
img {
border: 0;
float: left;
}
.clear {
clear: both;
}
.overall {
background-color: #fff;
}
.float {
float: left;
}
div.center {
text-align: center;
margin: 0px auto 0 auto;
padding: 0;
width: 950px;
background: #FFFFFF;
}
[allegato eliminato automaticamente dopo un anno]
