Ciao a tutti,
sto realizzando un sito col CMS Joomla e ho scaricato un template già pronto dal sito ufficiale che è composto dalla colonna a sinistra contenente il menù e una colonna posta al centro in cui risiede il sito vero e proprio. La mia domanda è: come creare la colonan di destra dove inserire nuovi moduli di Joomla tipo sondaggi, pubblicità ecc...
L'index.php del template è questo:
Spoiler:<!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 ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<?php
// no direct access
defined('_JEXEC') or die('Restricted access');
JHTML::_('behavior.mootools');
?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body >
<div id="body_inner">
<div id="left_top_center_right">
<div id="left_top_center">
<div id="left_top">
</div>
<div id="top_center">
<jdoc:include type="modules" name="user3" />
</div>
</div>
<div id="right_top">
</div>
</div>
<div id="content">
<div id="header_outer">
<div id="header">
</div>
</div>
<div id="left_component">
<div id="left">
<jdoc:include type="modules" name="left" style="nldmod_left" />
</div>
<div id="component">
<div id="component_top">
</div>
<div id="component_center">
<div id="component_center_inner">
<jdoc:include type="component" />
</div>
</div>
<div id="component_bottom">
</div>
</div>
</div>
</div>
<div id="left_bottom_center_right">
<div id="left_bottom_center">
<div id="left_bottom">
</div>
<div id="bottom_center">
<div id="copy">
</div>
</div>
</div>
<div id="right_bottom">
</div>
</div>
</div>
<div>
<jdoc:include type="module" name="debug" style="-1" />
</div>
</body>
</html>
Qua invece c'è il file template.css (ne ho copiato solo una parte, quello che credo sia il pezzo che vi riguarda):
Spoiler:}
#left_component {
float: left;
width: 1000px;
margin: 0px;
padding: 10px 0px 0 0px;
clear: left;
}
#left {
float: left;
width: 241px;
margin: 0px;
padding: 0px 0px 0 30px;
clear: left;
}
#component {
float: right;
width: 680px;
margin: 0px;
padding: 0px 38px 0 0px;
clear: right;
}
#component_top{
float: left;
width: 680px;
height: 46px;
margin: 0px;
padding: 0px 0px 0 0px;
background: url(../images/component_top.png) no-repeat;
clear: left;
}
#component_center{
float: left;
width: 680px;
margin: 0px;
padding: 0px 0px 0 0px;
background: url(../images/component_center.png) repeat-y;
clear: left;
}
#component_center_inner{
float: left;
width: 650px;
margin: 0px;
padding: 10px 15px 0 15px;
clear: left;
}
#component_bottom{
float: left;
width: 680px;
height: 20px;
margin: 0px;
padding: 0px 0px 0 0px;
background: url(../images/component_bottom.png) no-repeat;
clear: left;
}
#left_bottom_center_right {
float: left;
width: 1000px;
height: 38px;
margin: 0px;
padding: 0px 0px 0 0px;
clear: left;
}
#left_bottom_center {
float: left;
width: 962px;
height: 38px;
margin: 0px;
padding: 0px 0px 0 0px;
clear: left;
}
#left_bottom {
float: left;
width: 38px;
height: 38px;
margin: 0px;
padding: 0px 0px 0 0px;
background: url(../images/left_bottom.png) no-repeat;
clear: left;
}
#bottom_center {
float: right;
width: 924px;
height: 38px;
margin: 0px;
padding: 0px 0px 0 0px;
background: url(../images/bottom_center.png) repeat-x;
text-align: center;
clear: right;
Grazie per l'aiuto.![]()