Personalizzare titoli dei moduli

[vjmargaren]

Buonasera a tutti.
Vi espongo il problema.
Questo è il sito http://gapmolise.altervista.org/index.php
Vorrei provare a togliere i titoli dei moduli, ad esempio "Comunicati Ufficiali", "Ultime designazioni" etc. e al loro posto mettere una bella immagine fatta da me.
E' possibile? Cosa devo modificare? il template è jw_clean_pro.

Grazie a tutti quelli che mi risponderanno e mi aiuteranno.

[Felas]

ma solo un immagine o immagine più testo?

[vjmargaren]

ma solo un immagine o immagine più testo?

beh, un qualcosa che magari creerò con Gimp.

[Felas]

per nascondere i titoli va bè basta disattivarli.. per mettere al posto dei titoli immagini penso devi andare a modificare i css in contentheading.. ma non ho capito se vuoi cambiare qualche modulo specifico fare una cosa standard per tutti i moduli

[Mark.Mann]

Esatto.
Prima devi capire qual'e' la classe che definisce il titolo del modulo nel tuo template, poi lo vai a ricercare nei css del template stesso.

[vjmargaren]

per nascondere i titoli va bè basta disattivarli.. per mettere al posto dei titoli immagini penso devi andare a modificare i css in contentheading.. ma non ho capito se vuoi cambiare qualche modulo specifico fare una cosa standard per tutti i moduli

No no..vorrei solo mettere delle immagini personalizzate come titolo per ogni modulo.

[conti1]

piccola guida x cambiare il tetolo con immagini

Praticamente vui mettere una diversa per ogni modulo... cioè personalizzata.
Allora devi fare un'aggiunta al codice css: nel backend di Joomla nella pagina di ogni singolo modulo c'è una voce nella sezione parameters detta "class suffix" a volte c'è già di default tale suffisso altre volte te lo devi creare.
Tu in pratica nel css devi creare una nuova voce "table.moduletable h3" specifica per quel modulo.
Esempio: se vuoi sostituire il titolo del modulo pippo con un'immagine devi andare dal backend di Joomla nella pagina del modulo e scegliere un class suffix per il modulo.... ad esempio puoi proprio scrivere pippo... (in modo da riconoscere poi il tag del modulo in futuro nel css e sapere a che modulo si riferisce il tag stesso).
Una volta inserito _pippo nel class suffix, vai nel css e crei un tag che si chiamerà .moduletable_pippo h3   
e gli dai le opzioni che preferisci.

allora e semplice nel css
crei

Codice: [Seleziona]

.moduletable_pippo h3  {
background-attachment:scroll;
background-image:url(../images/Run.png);
background-position:0 0;
background-repeat:repeat-y;
}ricordati che limmagine deve essere nella cartella del template images

poi sempre nel css dovrai modificare il colore della scritta del titolo in trasparent.cosi

Codice: [Seleziona]

h3 {template.css (riga 2024)
color:#3A94D1;<<questo dai il colore dello sfondo
font-size:18px;< qui metti a 0
font-weight:normal;
line-height:20px;<<qui  se l'immagine e grande allarghi
}
questo e il risultato immagine al posto del testo



ps il titolo deve essere publicato

il nuovo css lo devi creare in template.css

[vjmargaren]

azz..proprio quello che cercavo!!
Ora vedo se riesco, nel caso chiedo ancora aiuto
Grazie mille, gentilissimo.

ah, ho controllato ora nel css,
ci sono div.moduletable_menu e text,quindi devo creare un div.modultable_pippo??

[Felas]

piccola guida x cambiare il tetolo con immagini

Praticamente vui mettere una diversa per ogni modulo... cioè personalizzata.
Allora devi fare un'aggiunta al codice css: nel backend di Joomla nella pagina di ogni singolo modulo c'è una voce nella sezione parameters detta "class suffix" a volte c'è già di default tale suffisso altre volte te lo devi creare.
Tu in pratica nel css devi creare una nuova voce "table.moduletable h3" specifica per quel modulo.
Esempio: se vuoi sostituire il titolo del modulo pippo con un'immagine devi andare dal backend di Joomla nella pagina del modulo e scegliere un class suffix per il modulo.... ad esempio puoi proprio scrivere pippo... (in modo da riconoscere poi il tag del modulo in futuro nel css e sapere a che modulo si riferisce il tag stesso).
Una volta inserito _pippo nel class suffix, vai nel css e crei un tag che si chiamerà .moduletable_pippo h3   
e gli dai le opzioni che preferisci.

allora e semplice nel css
crei

Codice: [Seleziona]

.moduletable_pippo h3  {
background-attachment:scroll;
background-image:url(../images/Run.png);
background-position:0 0;
background-repeat:repeat-y;
}ricordati che limmagine deve essere nella cartella del template images

poi sempre nel css dovrai modificare il colore della scritta del titolo in trasparent.cosi

Codice: [Seleziona]

h3 {template.css (riga 2024)
color:#3A94D1;<<questo dai il colore dello sfondo
font-size:18px;< qui metti a 0
font-weight:normal;
line-height:20px;<<qui  se l'immagine e grande allarghi
}
questo e il risultato immagine al posto del testo



ps il titolo deve essere publicato

il nuovo css lo devi creare in template.css

ciao scusa una domanda stupida magari.. il css alla quale fai riferimento è quello del template giusto?

[conti1]

non so se il tuo template e uguale  a questo che fatto la prova ma comunque il procedimento e uguale x il 90% dei template.

[Felas]

non so se il tuo template e uguale  a questo che fatto la prova ma comunque il procedimento e uguale x il 90% dei template.

ok grazie, dopo provo e ti dico:)

[rexet]

ho seguito le istruzioni alla lettera, ma non succede nulla
ma il codice nel file template.css devo inserirlo da qualche parte in particolare?

grazie per l'aiuto