Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : antodesign 08 Jun 2010, 13:30:32
-
Buongiorno.
Sto cercando di modificare il template ja-purity inserendo nel modulo a destra uno stile diverso per il menu.
So che bisogna duplicare gli stili di quello predefinito ma non li trovo, nel senso che il menu è richiamato sia nel file template.css e menu.css, non so proprio dove mettere le mani.
Sapreste cortesemente aiutarmi?
Grazie anticipatamente.
-
hai un link da mostrare?
-
Si è questo: http://www.vittorioriguzzi.com/index.php
Sostanzialmente volevo cambiare il colore dei link del menu di sestra.
Grazie
Antonella
-
quello che ti interessa e' questo (questo gestisce il menu in generale)
#ja-container2 ul.menu
presente nel menu.css
se vuoi modificare il colore dei link in quei menu devi cambiare il valore color che sta qui
#ja-container2 ul.menu li a
considera che gestisce tutti i link nei menu per cui se vuoi cambiare solo quelli di destra potresti creare un altro stile e poi dire ai menu di destra di andare a prendere il nuovo suffisso css (se non ricordo male puoi assegnarlo al menu in gestione moduli)
-
Esatto era quello che ho provato di fare, quindi duplicare tutte le voci #ja-container2 in questo file e cambiandole con #ja-container3 modificando logicamente i parametr, poi le ho messe come suffisso al modulo ma non è cambiato nulla :(
Grazie per ora comunque
-
Esatto era quello che ho provato di fare, quindi duplicare tutte le voci #ja-container2 in questo file
cosa vuol dire in questo file?
nel file menu.css crei un altra regola che chiamerai cosi
#ja-container3 ul.menu
e poi nella gestione moduli, nel menu che ti interessa gli metti come suffisso ja-container3 no?
-
Niente, non capisco cosa sbaglio, posto qui il codice del file menu.css
/* Default Joomla! Menu */
#ja-container2 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}
#ja-container2 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
#ja-container2 ul.menu li a {
padding: 2px 0;
display: block;
color: #000000;
background: url(../images/hdot2.gif) repeat-x bottom #cfcfcf;;
font-weight: bold;
text-decoration: none;
outline: none;
}
#ja-container2 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
}
#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
text-decoration: none;
}
#ja-container2 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #d8d883;
color: #000000;
font-weight: bold;
text-decoration: none;
}
#ja-container2 ul.menu li.active a span {
background: url(../images/bullet.gif) no-repeat 5px 5px;
}
#ja-container2 ul.menu li li a span {
background: none;
}
#ja-container2 ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}
#ja-container2 ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}
#ja-container2 ul.menu li li a {
color: #333333;
background: none !important;
font-size: 92%;
font-weight: normal;
}
#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
color: #006699;
}
#ja-container2 ul.menu li li a span {
background: url(../images/bullet.gif) no-repeat 5px;
font-weight: normal;
}
#ja-container3 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}
#ja-container3 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
#ja-container3 ul.menu li a {
padding: 2px 0;
display: block;
color: #ff0000;
text-decoration: none;
outline: none;
}
#ja-container3 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
}
#ja-container3 ul.menu li a:hover,
#ja-container3 ul.menu li a:active,
#ja-container3 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
text-decoration: none;
}
#ja-container3 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #d8d883;
color: #fff000;
font-weight: bold;
text-decoration: none;
}
#ja-container3 ul.menu li.active a span {
background: url(../images/bullet.gif) no-repeat 5px 5px;
}
#ja-container3 ul.menu li li a span {
background: none;
}
#ja-container3 ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}
#ja-container3 ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}
#ja-container3 ul.menu li li a {
color: #333333;
background: none !important;
font-size: 92%;
font-weight: normal;
}
#ja-container3 ul.menu li li a:hover,
#ja-container3 ul.menu li li a:active,
#ja-container3 ul.menu li li a:focus {
color: #006699;
}
#ja-container3 ul.menu li li a span {
background: url(../images/bullet.gif) no-repeat 5px;
font-weight: normal;
}
poi in Suffisso classe CSS modulo metto -ja-container3 ma nulla
Grazie.