Ciao a tutti,
Sto costruendo un template da zero e mi ritrovo a fare il menù con i css ma non sono ancora riuscito a realizzarlo. Come si fa? che codice devo usare?
Non voglio mettere menù scaricati da internet o componenti vari, voglio impostare uno sfondo dei bottoni, uno sfondo quando il bottone è cliccato e un separatore tra i bottoni in modo che in qualsiasi momento aggiungendo una pagina in joomla viene automaticamente creato il bottone nel top menu.
Vi incollo il codice che ho messo ma che non funziona:
INDEX.PHP
<!-- inizio navigazione -->
<div id="user3">
<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="http://www.prova.it" class="mainlevel-nav" >HOME Page[/url]<a href="/joomla/index.php?option=com_content&view=category&layout=blog&id=31&Itemid=55" class="mainlevel-nav" >BLOG[/url]</td></tr></table>
</div>
<!-- fine navigazione -->
come vedete mette la class: mainlevel-nav, allora io ho scritto nel css:
/* Menù top */
#user3 {
background: url(http://www.prova1.it/images/navigazione.jpg) repeat-x;
width: 900px;
height: 33px;
border-top: 12px solid #144684;
margin-top: 10px;
margin-left: 1px;
padding: 0px;
}
div#user3 ul {
margin: 0 ;
padding: 0;
list-style: none;
}
div#user3 ul li a,#user3 ul li a:link,#user3 ul li a:visited,#user3 ul li a:focus,#user3 ul li a:active {
display: block;
float:left;
padding-top: 6px;
padding-left: 12px;
padding-right: 4px;
text-decoration: none;
text-align: center;
vertical-align: middle;
font-size: 11px;
color: #FFFFFF;
font-weight: bolder;
background: url(http://www.prova.it/images/separatore_menu.gif) top left no-repeat;
height: 22px;
}
a.mainlevel-nav, a.mainlevel-nav:link, a.mainlevel-nav:visited, a.mainlevel-nav:focus, a.mainlevel-nav:active {
background-color: #fbfbfb;
}
div#user3 ul li a:hover {
background-color: #003960;
}
div#user3 li {
display: inline;
width: inherit;
}
ma non va nulla :-( dove sbaglio?
se riuscite a dirmi il codice basilare per i bottoni ve ne sono grato
