[RISOLTO] hover menu diverso per ogni voce

[Nuvola6]

Come realizzare in joomla un menu come quello allegato?

[56francesco]

non è altro che un menù con sfondo nero e una immagine più grande di colore verde al mouseover 
lo fai con i css, se torni dove hai preso quella immagine  prendi pure i css e li scopiazzi volgarmente e velocemente.
servono gli strumenti

http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html

[giusebos]

credo che usando un suffisso diverso per ogni menù sia fattibile.

Da qualche parte ho letto un articolo di come si faceva un menu con un colore per ogni voce, ma non ricordo più dove lo letto, forse poteva essere usato parte del codice per quello che devi fare.

aggiungo anche, ho il titolo non è coerente con la richiesta o la richiesta non è coerenete con il titolo, oppure forse tu vuoi fare un menù tipo quello nell'immagine ma con un colore hover diverso per ogni menù.

[Nuvola6]

@ francesco
quello è un psd

[Nuvola6]

@giusebox

qui non si tratta solo di fare un hover con quel quadrato verde, ma c'è anche l'esigenza che sia diverso per ogni voce, visto che sono di larghezza diversa e visto che quell'hover è realizzato con un'immagine.

[56francesco]

ogni voce di menù un suo colore e anche la larghezza diversa?  ehhh ehhh  dover seguire gli sfizi di chi non conosce la jed quando si parla di joomla, si fatica tantissimo per niente o quasi niente..
però se risolvi puoi condividere la soluzione che dovrai scrivere, non dimenticarlo e buona fortuna.
 

[adottauncane]

Ciao Nuvola6,
vedi se questo articolo può esserti di aiuto
http://www.joomla.it/articoli-della-community-16/5033-piccola-guida-alluso-del-suffisso-classe-css-menu.html

[Nuvola6]

Chi è che non conosce la jed? Non è ogni voce col colore diverso? Chi ha parlato di colore diverso per ogni voce? Stiamo parlando di hover e non ha un colore diverso per ogni voce. e in più non si tratta di sfizi.

[Nuvola6]

Grazie adottancane. Il suffisso lo uso già. Il problema è creare l'hover diverso per ogni voce, visto che è creato con un'immagine. L'immagine è la stessa ma le voci hanno larghezza diversa, quindi l'immagine deve per forsa essere personalizzata...

[Nuvola6]

Dimenticavo.....

il mio menu non crea l'item relativo.Quello mi basterebbe a realizzare quello che voglio.Sai come mai?Se imposto il menu come lista, vedo un item per ogni voce, se imposto il menu orizzontale come serve a me, non esistono item.........

[56francesco]

Nuvola6

qui non si tratta solo di fare un hover con quel quadrato verde, ma c'è anche l'esigenza che sia diverso per ogni voce

avendo letto così pensavo che il "diverso" fosse riferito al "verde"  (diverso da...)  ma se così non fosse è un tantino più semplice..
nel sito in signe ho avuto lo stesso problema,  stringhe più o meno lunghe, la soluzione è stata di compromesso ovviamente valutando che la maggior fatica per risolvere un problema era (per me ovviamente)  così grande che forse non ne valeva la pena rispetto appunto ad un compromesso.

[adottauncane]

Senza item non credo riuscirai a personalizzare ogni voce. Quindi o rinunci alla sfumatura curva e fai un'immagine con sfumatura dritta che si ripete, oppure i tasti lunghi uguali... Mi sa che 56francesco abbia ragione, un compromesso è d'obbligo. Poi, le vie del css sono infinite...

[Nuvola6]

Ma il compromesso quale sarebbe?
Perchè non ho gli item in un menu creato da zero e in un altro sito, sempre con template creato da zero, ci sono?

[adottauncane]

rinunci alla sfumatura curva e fai un'immagine con sfumatura dritta che si ripete, oppure i tasti lunghi uguali.

Questo.

Perchè non ho gli item in un menu creato da zero e in un altro sito, sempre con template creato da zero, ci sono?

Non saprei...

[Nuvola6]

Capito. però la cosa assurda è che non ci siano gli item. Avrei risolto tranquillamente, lavorando su ognuno di essi. In quale sezione posso scrivere? E' qualcosa che riguarda non prettamente i templates, quindi, ma joomla in sè.

[giusebos]

@giusebox

qui non si tratta solo di fare un hover con quel quadrato verde, ma c'è anche l'esigenza che sia diverso per ogni voce, visto che sono di larghezza diversa e visto che quell'hover è realizzato con un'immagine.

Allora inizia con il sistemare il titolo, chiedi una cosa, ma ne vuoi un'altra.....

[Nuvola6]

è esattamente quello che chiedo nel titolo

[Nuvola6]

La soluzione è cmq usare gli item relativi, impostando il menu con stile lista e poi usando il display inline per rendere il menu orizzontale.

[Nuvola6]

Una cosa quindi l'abbiamo risolta. Però mi rimane un problema grande che non riesco a risolvere in nessun modo e siete gli unici che potete aiutarmi. Mi avete salvata tremila volte. Grazie quindi perchè ci siete.

Il problema è questo: ora ogni voce ha il suo hover personalizzato (l'immagine cambia di larghezza per ogni voce). Tuttavia, non riesco a far vedere l'immagine dell'hover in tutta la sua altezza (44px). Ho provato a mettere 44px ovunque ma non la vede, l'hover rimane legato al testo e quindi rimane alto quanto il testo.

[adottauncane]

Puoi rimetterlo com'era?