Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Nuvola6 15 Jul 2011, 17:16:59
-
Come realizzare in joomla un menu come quello allegato?
-
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
-
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ù.
-
@ francesco
quello è un psd
-
@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.
-
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.
:)
-
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
-
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.
-
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...
-
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.........
-
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.
-
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...
-
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?
-
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...
-
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è.
-
@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.....
-
è esattamente quello che chiedo nel titolo
-
La soluzione è cmq usare gli item relativi, impostando il menu con stile lista e poi usando il display inline per rendere il menu orizzontale.
-
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.
-
Puoi rimetterlo com'era?
-
Comincia da questo css e poi dovresti riuscire a sistemare gli altri per la centratura. Prova a togliere il tuo css relativo a questo item e a mettere questo:
ul.menu-nav li.item10 a:hover {
color: #FFFFFF;
background: url(../images/allevamento_bg.png) no-repeat;
padding-bottom: 30px !important;
padding-left: 6px;
padding-right: 6px;
padding-top: 30px !important;
}
-
Ti dovrei fare una statua d'oro.
Grazie!
Ora sistemo un po' i margini. Ma come diamine hai fatto! :-)
brava
-
Ho letto la mia guida... ;D Alle volte ho un attimo di lucidità...
-
Ho tolto solo i padding-left e right, così non si sposta al passaggio del mouse.
ed ho aggiunto un pixel al margin top, così arriviamo a 44. grande
-
Dio come adoro queste femmine che sanno combattere contro i css!
BRAVE!
Mi fate sciogliere come ghiaccio... ;D
[allegato vecchio più di un anno eliminato da un amministratore]
-
;D Indovina da chi ho imparato? :-*
-
Anche a voi Google Chrome non lo visualizza correttamente? La cosa assurda è che funziona solo la voce allevamento. Non bastava ie a rompere le scatole.
Sto leggendo in giro che Chrome ha qualche bug per la proprietà padding. Ora vediamo un po' che si può fare.
-
E ma... per gli altri item non hai messo
ul.menu-nav li.item10 a:hover
-
Dovrei pagarti!
E invece non posso offrirti nemmeno un caffè :-)
Ho capito che era successo. Tu mi avevi scritto il codice di un solo item, io avevo lasciato gli altri, modificando solo la parte tra le graffe.
Vacanzeeeee! Quando arrivate!?!
Grazie adottancane :-)
-
Vuoi un cagnetto? :)
-
Ne ho due, cara!
E, per giunta, un maschio e una femmina. Inutile dire che due volte all'anno smettono di essere due e diventano 4 o 6! E devo darmi da fare ogni volta per farli adottare. Fortunatamente, finora, sono riuscita sempre a farli adottare.
Peccato, o ti contattavo di certo. Mi piacciono sia i cani che i gatti :-)