immagine diversa per ogni menu [RISOLTO]

[POS88]

salve, ho un problema con un templeate, praticamente vorrei mettere un immagine diversa per menu.

ora ho questa situazione:

http://immobiliarebarone.it

sulla parte sinistra ci sono due menu.
vende
affitta.

nella parte affitta ho il seguene codice nel templeate.css:

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3  {    
   font-family: Tahoma, Arial, sans-serif;
   width: 146px;   
   color: #fff; /*color: #798950;*/
   font-size: 12px;
   height: 150px;
   text-decoration: none;
   text-align: left;
   padding: 0 0 0 10px;
   font-weight: bold;
   line-height: 25px;
   margin: 0;
   background: url(../images/h3.png) top left no-repeat;

per mettere un immagine diversa nel menu "vende" cosa devo fare?

grazie anticipatamente

[Joombie]

Ciao,
premesso che smanetto ogni tanto con i css per necessità ma che non sono proprio "ferratissimo" ...
Da quanto ho potuto capire il tuo template utilizza un H3, stile HTML standard, che abbina al tag del paragrafo un'area e un'immagine.
Quindi potresti intervenire a livello di template per avere 2 stili diversi, che ne so, accodando il nome dell'oggetto all'"H3" così da avere un <H3-vende>vende</H3-vende> e un <H3-affitta>affitta</H3-affitta> nella tua pagina HTML. Duplichi la porzione H3 del CSS (triplichi, meglio) e associ al nuovo H3-vende l'immagine attuale e al H3-affitta quell'altra.
Può essere? Ovviamente il problema è intervenire sul template, capire dove vengono create le due voci del menu e dove gli si "appiccica" il tag H3.
Temo che l'alternativa sia scegliere un template diverso, con un menu che ti permetta di associare un'immagine per ciascuna voce ( a patto che il tuo template non abbia questa possibilità in qualche impostazione più o meno nascosta).

Ciao

[POS88]

questo intervento lo devo fare prima nel file.html e poi nel file.css?

comunque grazie

[POS88]

ho creato una nuova immagine da associare al codice:

/* left col h4 */
#leftcolumn h4, #rightcolumn h4  {    
   font-family: Tahoma, Arial, sans-serif;
   width: 146px;   
   color: #fff; /*color: #798950;*/
   font-size: 12px;
   height: 150px;
   text-decoration: none;
   text-align: left;
   padding: 0 0 0 10px;
   font-weight: bold;
   line-height: 25px;
   margin: 0;
   background: url(../images/h4.png) top left no-repeat;

quindi come descritto ho creato un h4 ma come faccio ad associarlo a un menu?

[POS88]

vorrei sapere se è possibile associare un immagine al menu dai parametri del menu che si modificano dai moduli.
nella voce: Immagine di rientro

[SteveTW]

Ciao EMA88, scusa ma ho visto il messaggio tardi e non sono riuscito a risponderti.

Allora... andiamo per gradi:

1) nel tuo css è prevista una immagine in background per ogni tasto che viene richiamata da questo codice css:

   background: url(../images/h4.png) top left no-repeat;

questa immagine h4.png è quel pallino che compare a fianco del menu.


2) se ho capito bene, tu vuoi associare una immagine al menu di sinistra, ed una diversa al menu di destra

3) allora, senza tante menate nel creare un css diverso per ogni menù, hai una strada ben più semplice da adottare:

- innanzitutto togli dal tuo css il codice di cui sopra, ovvero quel background h4.png
- ad ogni menù vai ad associare una immagine che avrai caricato precedentemente in gestione media, precisamente nella directory "stories"; in questo modo vedrai comparire le immagini nel menù a tendina che ti compare nei parametri di sistema del pulsante che stai creando

- vero che cosi devi inserire una immagine ogni volta che crei il pulsante, ma almeno non stai li a continue modifiche dei css, e questo ti permette anche di associare immagini diverse sotto lo stesso menù di sx o di dx

Spero di esserti stato utile

[POS88]

ma l'immagine che devo inserire vado a cambiare i paramentri in moduli-affitta-altri paramentri ?
affitta è il menu che ho creato
come vedi per vende cè già l'immagine per il semplice fatto che ho sostituito l'immagine principale del templete che riguarda i menu.

[Joombie]

Ciao,
concordo pienamente con l'ottica proposta da SteveTW, andare ad utilizzare le funzionalità proprie dei menu senza operare pesantemente sui css o sul codice php.
Nella situazione in cui sei, EMA88, hai un'immagine h3.png che in realtà è un "cartello vendesi", giusto?
La soluzione più rapida dovrebbe essere eliminare dal css proprio la linea relativa al background del H3

background: url(../images/h3.png) top left no-repeat;

e associare a ciascuna voce di livello più alto dei due menu, Vende e Affitta, un'immagine che ti sarai premurato di uploadare nella cartella stories.
Se la tua condizione è di avere due menu "vende" e "affitta" con le altre voci a livello 0, ti consiglio procedere così:
- portare le tue voci a livello 1 aggiungendo un padre che si chiamerà "vende" e "affitta" rispettivamente (magari utilizzando un separatore come tipo di menu);
- togliere la pubblicazione del nome dei menu;
- associare quindi l'immagine ai due livello 0.

Spero così vada meglio.
Ciao

[POS88]

ho tolto la riga

 background: url(../images/h4.png) top left no-repeat;

e di conseguenza una volta aggiornata la pagina l'immagine del menu non si vede e su questo ci siamo.
ora per associare l'immagine al menu vende devo andare su moduli giusto?
e poi sulla parte destra:
altri parametri
immagine di rientro: immagine predefinite di joomla
immagine di rientro 1: h3
che poi l'immagine h3 sta nella cartella M_images.
una volta effettuata questa operazione non mi succede nulla.
le immagini non ci sono.
ditemi se ho sbagliato qualcosa.
comunque non ho capito molto il tuo metodo con padre e figlio.
tu vuoi creare un sottomenu?

grazie anticipatamente

[Joombie]

Riproviamo.
Io veramente ti ho detto di togliere la riga relativa ad H3.
Menu vende:
-non mostra titolo
-una voce di livello 0 "vende" (tipo separatore, link esterno a "#", fai tu)
 A questa voce abbini un'immagine andando alla sezione parametri sistema. Fanne una nuova, nella cartella stories, non usare la h3.png o h4.png.
-tre voci di livello 1 figlie di "vende" (abitazioni, terreni, suoli)

Menu Affitta analogamente.

Prova così.




PS: ma guardando la tua homepage, non hai risolto?

[POS88]

PS: ma guardando la tua homepage, non hai risolto?

nella home il cliente mi ha chiesto di non inserire i menu che saranno visualizzabili nelle altre sezioni raggiungibili dal top menu.

ora provo a fare quello che mi hai detto tu.
quindi in teoria tolgo tutto il codice relativo all'h3?

[POS88]

ho fatto la precedura che mi hai consigliato.
mi va bene per il menu vende mentre per il menu affitta non mi esce niente.

http://www.immobiliarebarone.it/index.php?option=com_content&view=article&id=45&Itemid=54

[Joombie]

Beh, siamo sulla strada giusta no?

Menu Affitta.
E' un secondo menu?
Per come hai organizzato può anche essere lo stesso menu a dirla tutta.
In ogni caso procediamo.
Voce di livello 0 Affitta: attiva sempre? Associata ad un'immagine?
Le voci di livello 1, sue figlie, non dovrebbero avere problemi.

[POS88]

Per come hai organizzato può anche essere lo stesso menu a dirla tutta.

bingooooooo.
mi hai dato l'illuminazione.
e tra un pulsante e l'altro ho messo un separatore con un immagine affitta.

ecco il risultato:
http://www.immobiliarebarone.it/index.php?option=com_content&view=article&id=45&Itemid=54
grazie

[tepepa]

Avevo già letto l'articolo.
Ho riprovato di nuovo inserendo un separatore tra le voci del menu ma anche nel separatore sembra impossibile caricare un immagine e visualizzarla.

Accade che:
1.inserisco il "separatore" in un menu
2.seleziono l'immagine dalla voce "Immagine menu" (in parametri standard del controllo)
3.applico e salvo

...ma l'immagine non appare!!

[roguewave]

a me piace un sacco il componente swmenu, ma ho un templete in cui non funziona.
mi spiego.
il mio templete è un lady_beetle e ha i menu con un immagine sui bordi superiore e inferiore.
praticamente non carica l'immagine superiore ma la inferiore si.