Olá! Estou desenvolvendo um site de notícias cujo menu tem de ter para cada item uma cor diferente. Trabalho no template jp_bloq_j25 para Joomla! 2.5. Na versão 1.5 consegui fazer o menu colorido usando a Classe de Sufixo de Página e acrescentando o item referente à página. Mas no 2.5 não consigo. Segue o css do menu que vem no template:
#mainmenu{
background:#535555;
border-top:1px solid #000;
border-bottom:1px solid #111;
}
#mainmenu ul{
border-left:1px solid #555;
border-right:1px solid #111;
}
#mainmenu ul li a,
#mainmenu ul li span.separator{
color:#DFDEDE;
border-left:1px solid #111;
border-right:1px solid #555;
}
#mainmenu ul li.hover,
#mainmenu ul li:hover,
#mainmenu ul li.active a,
#mainmenu ul li.active span.separator{
background:#222;
color:#FFF;
}
#mainmenu ul li.hover a,
#mainmenu ul li:hover a,
#mainmenu ul li.hover span.separator,
#mainmenu ul li:hover span.separator{
color:#CCC;
}
#mainmenu ul li.hover a:hover,
#mainmenu ul li:hover a:hover,
#mainmenu ul li.hover span.separator:hover,
#mainmenu ul li:hover span.separator:hover{
color:#FFF;
}
#mainmenu ul ul{
background:#222;
border:0;
border-top:1px solid #111;
}
#mainmenu ul ul a,
#mainmenu ul ul span.separator{
border-bottom:1px solid #111;
border-top:1px solid #555;
}
#mainmenu ul ul a:hover,
#mainmenu ul ul span.separator:hover{
background:#101010;
}
#mainmenu ul li a:active,
#mainmenu ul li span.separator:active{
background:#000;
}
Como ficaria esse código com a aplicação da Classe de Página? Alguém poderia me ajudar?
Obrigado!