Autore Topic: Personalizzare titoli dei moduli  (Letto 4928 volte)

Offline vjmargaren

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Personalizzare titoli dei moduli
« il: 14 Mag 2009, 21:12:32 »
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.

Offline Felas

  • Appassionato
  • ***
  • Post: 663
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #1 il: 14 Mag 2009, 22:28:41 »
ma solo un immagine o immagine più testo?

Offline vjmargaren

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #2 il: 14 Mag 2009, 22:42:44 »
ma solo un immagine o immagine più testo?

beh, un qualcosa che magari creerò con Gimp.

Offline Felas

  • Appassionato
  • ***
  • Post: 663
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #3 il: 14 Mag 2009, 23:17:30 »
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

Offline Mark.Mann

  • Esploratore
  • **
  • Post: 50
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #4 il: 14 Mag 2009, 23:24:20 »
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.
Non esiste problema che un buon Miracolo non possa risolvere.

Offline vjmargaren

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #5 il: 14 Mag 2009, 23:27:07 »
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.

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9074
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #6 il: 14 Mag 2009, 23:31:48 »
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
« Ultima modifica: 15 Mag 2009, 14:29:04 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline vjmargaren

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #7 il: 14 Mag 2009, 23:38:06 »
azz..proprio quello che cercavo!!
Ora vedo se riesco, nel caso chiedo ancora aiuto :D
Grazie mille, gentilissimo.

ah, ho controllato ora nel css,
ci sono div.moduletable_menu e text,quindi devo creare un div.modultable_pippo??
« Ultima modifica: 14 Mag 2009, 23:40:32 da vjmargaren »

Offline Felas

  • Appassionato
  • ***
  • Post: 663
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #8 il: 23 Mag 2009, 13:40:56 »
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?

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9074
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #9 il: 23 Mag 2009, 14:38:17 »
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.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Felas

  • Appassionato
  • ***
  • Post: 663
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #10 il: 23 Mag 2009, 15:39:27 »
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:)

Offline rexet

  • Nuovo arrivato
  • *
  • Post: 44
    • Mostra profilo
Re:Personalizzare titoli dei moduli
« Risposta #11 il: 06 Ago 2009, 01:54:29 »
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


 

Host

Torna su