immagine al posto del titolo nei moduli

[conti1]

piccola guida x cambiare il titolo con immagini

Mettere un'immagine al posto del titolo rendendo il modulo personalizzata.
nel backend di Joomla nella pagina di ogni singolo modulo c'è una voce nella sezione parameters detta "class suffix"



ma prima di editare il suffix nel modulo dobbiamo creare il nostro css ,  che la 99% e c tutti template lo stesso .
il nuovo css lo andiamo a chiamare

.moduletable_pippo h3

ora che sappiamo come abbiamo chiamato il nostro nuovo suffix possiamo andare a inserire il nome anche modulo che sarà _pippo

fatto il primo pezzo di css, lo riprendiamo per andare ad inserire i tag per inserire  la nostra immagine

Codice: [Seleziona]

.moduletable_pippo h3 {
background:transparent url(../images/blue/prova.jpg) no-repeat scroll 49px -12px;
color:#ffffff;
height:81px;
font-size:0;
questo css creato in questo modo e per inserire l'immagine  voi direte che centrano i tag color ecc...
allora al 90% dando il tag color rendiamo di colore identico allo sfondo il nostro titolo ,
font-size:0; mettendo ha 0 questo parametro  x non vedere il titolo tutto questo xche ie altrimenti mostrerebbe ancora il titolo.

questo è il risultato




ps il titolo del modulo va pubblicato

naturalmente l'immagine va inserita nella cartella del template images e il css che create va fatto nel template.css oppure dipende dal template quale nome hanno dato do defolt.

[vjmargaren]

Seguito il tuo procedimento, l'immagine viene visualizzata al posto del testo, ma in compenso il menù che ho in alto (il main menù del sito) cambia colore 

[ramses_2th]

ma in compenso il menù che ho in alto (il main menù del sito) cambia colore 

   non dovrebbe. Riguarda lo script.

[vjmargaren]

Ho riprovato anche stamattina.
é l'inserimento di .moduletable_pippo h3 a scombussolare tutto.
Infatti senza inserire questo nel template.css il menù è cosi , dopo l'insierimento di .moduletable_pippo h3 è cosi

[conti1]

ciao
probabile che il colore sia condiviso , dimmi il nome del template che faccio 2 prove

[vjmargaren]

jw clean pro

[conti1]

ops
funziona anche con quel template il code postato  era doppio scusate x il mio errore  riprova che vedrai che funziona

Codice: [Seleziona]

.moduletable_pippo h3 {
background:transparent url(../images/blue/prova.jpg) no-repeat scroll 49px -12px;
color:#ffffff;
height:81px;
font-size:0;il procedimento e sempre quello
ciao ciao

[danjde]

Salve amici,
una volta sostituito il titolo con un immagine è possibile rendere linkabile la stessa?

Grazie infinite!

Davide

[marine]

Salve amici,
una volta sostituito il titolo con un immagine è possibile rendere linkabile la stessa?

Grazie infinite!

Davide

Ciao Davide,
per una maggiore visibilità del tuo post e per mantenere il forum pulito ed ordinato ti chiedo, cortesemente, di non accodarti ad un post di ben 8 anni fa ma di aprire un nuovo quesito.
Grazie della comprensione.