salve gente,
posto per cercare di ricordare come cavolo avevo fatto tempo fa a fare quello che avevo fatto.
scrivo parte del css del mio template:
/* NavBar */
#menuBar {
margin: 0; padding: 0;
height: 34px;
width: 100%;
background: #fff url(../images/fascia.png) repeat-x top;
}
.moduletable {
margin: 0; padding: 0;
}
#menuBar h3 {
display: none;
}
#mainlevel {
margin: 0; padding: 0;
margin-top:-1px;
margin-left: 50px;
font: 12px "Times New Roman", Times, serif;
color: #3a2e0b;
}
#mainlevel li {
list-style: none;
margin: 0; padding: 0;
float: left;
}
#mainlevel li a {
width: 110px;
text-align: center;
background: transparent url(../images/menubar.png) no-repeat;
text-decoration: none;
}
#mainlevel li a:link { color: #3a2e0b; }
#mainlevel li a:visited { color: #3a2e0b; }
#mainlevel li a:hover {
color: #3a2e0b;
background: transparent url(../images/menubarHover.png) no-repeat;
}
la prima cosa che mi salta all'occhio e l'id mainlevel. devo sicuramente aver commesso un errore in quanto mainlevel è usato per più elementi e mi risulta come classe e non come id.
del resto però questo codice funzionava.
ma veniamo al dunque.
nel index.php uso questo codice:
<div id="modulesRight">
<?php mosLoadModules ( 'left', -1 ); ?>
<?php mosLoadModules ( 'right', -1 ); ?>
</div>
che genera questo output:
<div id="modulesRight">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="omesso" class="mainlevelBar" >Home</a></td></tr>
<tr align="left"><td><a href="omesso" class="mainlevelBar" id="active_menuBar">Portfolio</a></td></tr>
</table>
</div>
come dice qui:
http://dev.joomla.org/content/view/1136/79/1/6/la dicitura: mosLoadModules ( 'left', -1 )
dovrebbe dare come risultato il semplice output del modulo.
ma non c'è indicazione dell'id del modulo.
nel pannello amministratore invece leggo:
suffisso class css menu
suffisso class css modulo
provati entrambi ma quello che cambia è:
<a href="omesso" class="mainlevelBar" >
dove appunto Bar è il suffisso del codice css.
come faccio ad avere un output del tipo:
<div class = "menuBar"></div>?