Back to top

Autore Topic: Evidenziare un particolare menu [RISOLTO]  (Letto 2893 volte)

Offline boksic77

  • Esploratore
  • **
  • Post: 180
  • Sesso: Maschio
    • Mostra profilo
Evidenziare un particolare menu [RISOLTO]
« il: 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.
« Ultima modifica: 02 Mar 2011, 19:30:34 da boksic77 »

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Evidenziare un particolare menu
« Risposta #1 il: 01 Mar 2011, 12:58:56 »
ciao
devi mettere un suffisso al modulo che vuoi personalizzare e po crei il suo css.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline boksic77

  • Esploratore
  • **
  • Post: 180
  • Sesso: Maschio
    • Mostra profilo
Re:Evidenziare un particolare menu
« Risposta #2 il: 01 Mar 2011, 15:40:39 »
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.

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline boksic77

  • Esploratore
  • **
  • Post: 180
  • Sesso: Maschio
    • Mostra profilo
Re:Evidenziare un particolare menu
« Risposta #4 il: 02 Mar 2011, 00:18:08 »
Grazie, mi metto subito a studiare

Offline boksic77

  • Esploratore
  • **
  • Post: 180
  • Sesso: Maschio
    • Mostra profilo
Re:Evidenziare un particolare menu
« Risposta #5 il: 02 Mar 2011, 17:22:55 »
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?

adottauncane

  • Visitatore
Re:Evidenziare un particolare menu
« Risposta #6 il: 02 Mar 2011, 18:02:28 »
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.


Codice: [Seleziona]
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ì.  ;)

Offline boksic77

  • Esploratore
  • **
  • Post: 180
  • Sesso: Maschio
    • Mostra profilo
Re:Evidenziare un particolare menu
« Risposta #7 il: 02 Mar 2011, 18:20:39 »
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?

adottauncane

  • Visitatore
Re:Evidenziare un particolare menu
« Risposta #8 il: 02 Mar 2011, 18:28:25 »
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.

adottauncane

  • Visitatore
Re:Evidenziare un particolare menu
« Risposta #9 il: 02 Mar 2011, 18:30:15 »
Ah, naturalmente non vedrai nessuna differenza dagli altri menù. I cambiamenti sono da fare... Non so che ti serviva.

Offline boksic77

  • Esploratore
  • **
  • Post: 180
  • Sesso: Maschio
    • Mostra profilo
Re:Evidenziare un particolare menu
« Risposta #10 il: 02 Mar 2011, 19:30:08 »
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.

 



Web Design Bolzano Kreatif