Ciao a tutti... seguendo ben 2 guide (una tamponava i buchi dell'altra) sono riuscito a metter su un prototipo di template..
importante è stato all'inizio capire come strutturare i file e le cartelle di esso. Ora sono agli albori ancora il codice del php è quanto segue:
<!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="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div class="principale">
<div class="header">
<div id="header_l">
<div id="header_r">
<div id="logo">
</div>
</div>
</div>
</div>
<div class="top">
<jdoc:include type="modules" name="top" />
</div>
<div class="left">
<jdoc:include type="modules" name="left" />
</div>
<div class="maincontent">
<jdoc:include type="component" />
</div>
<div class="footer">
<jdoc:include type="modules" name="footer" />
</div>
</div>
</body>probabilmente già qui ci saranno errori... (speriam di no eheh)
mentre il template.css è
html {
height: 100%;
margin-bottom: 1px;
}
form {
margin: 0;
padding: 0;
}
body {
font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
background:#00FFFF;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }
.principale{
/*i margini auto insieme a una larghezza centrano la pagina */
width: 800px;
margin: 0 auto;
border: 1px solid #008000;
background:#00CCFF
}
.header {
text-align: center;
background-color:#FF9900;
border: 1px solid #CCCCCC;
width: 100%;
height: 180px;
float:none;
}
.top{
text-align: center;
background-color: #008000;
width: 100%;
height: 100px;
float:none;
}
.left {
text-align: left;
background-color:#6666CC;
width: 25%;
height: 300px;
float:left;
}
.main-content{
text-align: center;
background-color:#FFCC99;
width: 75%;
height: 600px;
float:left;
}
.footer{
text-align: center;
background-color:#33FF33;
border: 1px solid #CCCCCC;
height: 50px;
clear:left;
}
per questo risultato
http://punkrosteeny.altervista.org/joomlaora, ho delle domande, domande alle quali le guide seguite non mi danno risposta... io ve le elenco qui, nella speranza che qualcuno mi risolva i dubbi...
1-nell'header come faccio a far comparire un logo??
2-ho messo nella home 2 articoli, come mai occupa bene lo spazio mentre l'altro no?
3-la colonna di sinistra gradirei occupasse tutto lo spazio (in termini di altezza), ma css non prende le altezza in percentuale (avevo provato con 100%)
4-avete altre letture da consigliarmi?
vi ringrazio in anticipo..
ira83
