Back to top

Autore Topic: [RISOLTO]Menu con immagini diverse.  (Letto 2579 volte)

Offline Samaritan

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
[RISOLTO]Menu con immagini diverse.
« il: 03 Feb 2010, 02:37:04 »
Salve a voi, vorrei chiedervi se potreste consigliarmi come procedere per realizzare un menu in joomla che abbia le voci di primo livello fatte di immagini tra loro diverse e le voci di secondo livello fatte invece di semplice testo.
Queste voci devono solo essere collegate alle immagini tramite una linea ad angolo, ma quello è fattibile in poco agendo sul css, magari con i border.
La cosa principale che mi interessa è un modulo che mi permetta di caricare nelle voci di primo livello 4 immagini diverse per ciascuna.
Mi sembra in fatti che con il mod_mainmenu sia possibile solo caricare una stessa immagine per tutte le voci.

Esiste un modulo scaricabile che permetta di creare qualcosa di simile?
Grazie in anticipo!
« Ultima modifica: 06 Feb 2010, 01:10:10 da Samaritan »

Offline Samaritan

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re:Menu con immagini.
« Risposta #1 il: 06 Feb 2010, 00:03:39 »
Ho risolto usando il selettore del successivo ed il cascading dei css.
Le regole per aggiungere le altre immagini diverse dalla prima stanno chiaramente subito dopo la regola predefinita del tamplate rhuk_solar_flare_ii che gestisce i link in stato standard e visited e grazie al cascading le proprietà impostate nella prima regola vengono mantenute via via e solo la nuova proprietà relativa alla nuova immagine viene ridefinita:

a.mainlevel:link, a.mainlevel:visited {
   display: block;
   background: url(../images/immagine1.png) no-repeat;
   vertical-align: top;
   font-size: 11px;
   font-weight: bold;
   color: #717171;
   text-align: left;
   padding-top: 22px;
   padding-left: 60px;
   margin-bottom: 20px;
   height: 30px !important;
   height: 28px;
   text-decoration: none;
   border: 0px solid black;
}

tr + tr a.mainlevel:link, tr + tr a.mainlevel:visited{
   background-image: url(../images/immagine2.png);
}

tr + tr + tr a.mainlevel:link, tr +  tr + tr a.mainlevel:visited{
   background-image: url(../images/immagine3.png);
}

tr + tr + tr +tr a.mainlevel:link, tr + tr + tr +tr a.mainlevel:visited{
   background-image: url(../images/immagine4.png);
}

Certo non ha la dinamicità di un modulo o di una semplice aggiunta di javascript che magari tramite l'interfaccia del DOM o tramite l'uso di classname avrebbe permesso di automatizzare l'aggiunta di voci e rispettive immagini.
Ma anche a fare una semplice aggiunta di due righe di css per ogni nuova evantuale immagine non ci vuole niente.
 ;)
« Ultima modifica: 06 Feb 2010, 00:09:51 da Samaritan »

 



Web Design Bolzano Kreatif