Joomla! 2.5 (versione con supporto terminato) > I Template di Joomla 1.6/1.7/2.5

[RISOLTO] Menų ad immagini con rollover

<< < (3/5) > >>

antodesign:
Ciao, non mi torna ancora :(
Credo di avere fatto in modo di verso rispetto a quello che mi dici tu, io praticamente ho fatto un nuovo foglio di stile:

.home  {
   width:54px;
      height:29px;
      background:  url(../images/menu/pulsanti_03.png) ;

}

.home:visited {
      background:  url(../images/menu/pulsantih_03.png) ;
      width:54px;
      height:29px;

}

.home:hover {
      background:  url(../images/menu/pulsantih_03.png) ;
      width:54px;
      height:29px;

}
.home:active {

      background:  url(../images/menu/pulsantih_03.png) ;

}


e poi, nel pannello di amministrazione, nella finestra che si apre quando clicchi sulla voce del menu ho scritto home nella voce stile link css.

questo perchč poi voglio che ogni voce di menu abbia un colore diverso rispetto agli altri quando ci vai sopra ed entri nella pagina, non č giusta cosė la procedura?

Ancora grazie!
Antonella

ariess:
no non ci siamo....

quell'"_home" che inserisci nel suffisso del modulo non č cosė che si usa.
il suffisso va a finire come suffisso appunto, di una classe giā presente nel template, che potrebbe essere .moduletable

quindi diventerebbe

.moduletable_home {...........}

per cui per l'active e hover diventerebbe qualcosa di simile

.moduletable_home li a:hover{...........}
.moduletable_home li a:active{...........}

antodesign:
Ciao, grazie della risposta.
Sono riuscita a fare quello che dici tu e lo stile funziona, ho applicato al modulo questo nuovo suffisso ed č ok, il problema č che io ho varie voci di menu dentro a quel menu/modulo e ad ognuna volevo assegnare una immagine rollover/active diversa, facendo cosė invece, essendo lo stile unico mi mette la stessa immagien di sfondo in tutte le voci di menu.

Grazie
Ciao
Antonella

ariess:
in questo caso devi analizzare le voci di menu con firebug. ognuna dovrebbe avere una classe o id univoco che puoi usare per differenziare le immagini

per esempio

.moduletable_home li.item2 a:hover{...........}
.moduletable_home li.item2 a:active{...........}

antodesign:
Ciao, grazie ancora.
Ho creato le sotto classi ma associando lo stile test al mio menų ancora nonmi funziona nulla.
Ti posto il codice:

--- Codice: ---#topmenu .menu_prodotti {
  background-image: url(../images/menu/pulsanti_04.png);
list-style: none;
font-weight: normal;
font-size: 14px;
padding: 0;
margin: 0;
}

#topmenu .menu_prodotti li a {
  background-image: url(../images/menu/pulsanti_04.png);
display: block;
text-decoration: none;
padding: 0;
}

#topmenu .menu_prodotti li {
  background-image: url(../images/menu/pulsanti_04.png);
    float: left;
padding: 0;
}
#topmenu .menu_prodotti li.active a {
  background-image: url(../images/menu/pulsantih_04.png);

}
#topmenu .menu_prodotti li a:hover {
  background-image: url(../images/menu/pulsantih_04.png);

}



#topmenu .menu_prodotti li.test a:active {
  background-image: url(../images/menu/pulsantih_02.png);

}
#topmenu .menu_prodotti li.test a:hover {
  background-image: url(../images/menu/pulsantih_02.png);

}

--- Termina codice ---

Ho messo poi, all'interno ad una voce di un menu (per esempio home) nel campo "stile Link CSS" il valore "test".

Cosa sbaglio?

Grazie mille.
Antonella

Navigazione

[0] Indice dei post

[#] Pagina successiva

[*] Pagina precedente