Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : boksic77 01 Mar 2011, 12:35:03
-
Salve, avrei l'esigenza di mettere in risalto (cambiandone colore e con grassetto) un menu laterale (ad esempio gli articoli piu' letti). Tramite firebug riesco a risalire alla riga del foglio di stile ma modificandola, giustamente, le modifiche si ripercuotono su tutti i menu di quel tipo.
Come potri intervenire solo su un menu? Se non sbaglio le voci del menu sono salvate sul database e non su un file html (in questo cso interverrei sull'html per modificarfe solo quel menu, mettendo un attributo colore al tag span riferito a quella voce).
Grazie per gli eventuali suggerimenti, non posso postare il sito perche' lavoro in localhost. Se puo' servire il template è upsilum.
-
ciao
devi mettere un suffisso al modulo che vuoi personalizzare e po crei il suo css.
-
Ciao conti1, mi puoi fare un esempio? Non so appunto dove prendere (cioe' il file) il modulo del menu, poi per mettere il suffisso e lavorare sul css non è un problema.
-
ciao
esempio
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
-
Grazie, mi metto subito a studiare
-
Rieccomi qua, lo studio non ha dato i suoi frutti.... :(
A me interessa come scrito evidenziare un singolo modulo, seguendo la guida non rieco purtroppo a farlo.
Posto screenshot, io dovrei modificare la class menu che dovrebbe essere una sottoclasse di module_menu che a suo volta è una sottoclasse di module.
Dove e come devo aggiungere il suffisso alla classe per poi creare gli attributi a tale classe con suffisso nel css?
-
Ciao boksic,
ma se hai già un suffisso per _menu è ancora più facile... Copi tutti i css module_menu cambi _menu con il tuo suffisso. Dopo di che fai le variazioni in quei css.
div.module_mio {
background: url("../images/bg-slide.jpg") repeat scroll 0 0 transparent;
margin-bottom: 35px;
width: 220px;
}
div.module_mio div div div {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
margin: 0;
padding: 0 0 25px;
text-align: center;
width: 190px;
}
div.module_mio ul {
color: #FFFFFF;
margin: 0;
padding: 0 0 0 35px;
text-align: left;
}
div.module_mio h3 {
background: url("../images/bgmenu-h3.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 18px;
font-variant: small-caps;
font-weight: bold;
height: 40px;
margin: 0;
padding-bottom: 8px;
padding-left: 25px;
padding-top: 13px;
text-align: left;
width: 220px;
}
Adesso se metti _mio al posto di _menu hai lo stesso effetto. Ma puoi cambiare quello che ti serve da lì. ;)
-
Innanzitutto grazie per la risposta celere e la competenza che mostri ogni volta. Quindi mi sembra di capire che il suffisso ce l'ho già :D
Ricapitolando, cancello dal css le voci riguardanti il suffisso _menu, cambio il suffisso (la modifica posso farla tramite firebug selezionando la classe e cliccando su modifica vero? altrimenti come modificare il suffisso?) e alla fine creo le variazioni al css riferite al nuovo suffisso.
I passi sono corretti?
-
No. Se cancelli dal css le parti con _menu poi, ovviamente tutti i menù non avranno più quella formattazione. ;)
Semplicemente li copi, li incolli nel file template.css, cambi il suffisso come da esempio, e nel modulo menù al posto di _menu scrivi _mio.
No, firebug simula solo i cambiamenti. Poi tu li devi fare effettivamente sul file .css o via ftp o da backend.
In questo caso non hai che da copiare il mio css e incollarlo sul file template.css.
Poi devi solo scrivere nel modulo _mio al posto di _menu.
La spiegazione era solo propedeutica.
-
Ah, naturalmente non vedrai nessuna differenza dagli altri menù. I cambiamenti sono da fare... Non so che ti serviva.
-
Si, a me serviva mettere in evidenza solo quel menu. Perfetto, mi sfuggiva solo come cambiare il suffisso ma basta aprire il modulo, parametri avanzati e cambio il suffisso (lo scrivo per i posteri ;D)
Perfetto, i complimenti con te si sprecano, grazie.