Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : number22 20 Jul 2012, 21:27:41
-
Ciao a tutti, ho uno strano problema con un file css del template ablaze. Premetto che purtroppo lavoro ancora in locale, quindi non posso postare link. In sintesi, vorrei aggiungere un'immagine di sfondo a dei moduli che nel mio sito sono sulla colonna di sx (sono semplici moduli html personalizzato con del semplice testo). Ho provato a inserire l'immagine di sfondo dal backend di joomla, nella finestra di modifica dei moduli, ma niente. Provo poi con il css, e succede questo: se do come sfondo un'immagine, tipo:
background:#004485 url(../images/images/mod-title-gradient_04.png;
non funziona nulla, lo sfondo non cambia. Se utilizzo "Ispeziona elemento" di Chrome, mi dice "Invalid css property". Se invece do semplicemente un colore di sfondo, ad esempio:
background:#004485
funziona tutto correttamente. Sono sicuro al 100% del percorso (all'interno dello stesso file utilizzo lo stesso percorso per un'altra immagine e tutto funziona). Non so proprio perchè succeda, è una cosa che non ho mai visto! Qualcuno sa qualcosa più di me e ha voglia di aiutarmi?? Grazie a tutti ;D
-
Sono sicuro al 100% del percorso (all'interno dello stesso file utilizzo lo stesso percorso per un'altra immagine e tutto funziona).
Ci metteresti la mano sul fuoco?
Le immagini si trovano, rispetto ai file css, in ../images/nomeimmagine.jpg, quindi è impossibile che il percorso sia esatto, a meno che nella cartella images tu non ne abbia creata un'altra con lo stesso nome, ma che senso avrebbe?
Con firebung o con lo strumento ispeziona di chrome controlla qual'è la dichiarazione di stile che viene usata e se linka veramente a qualcosa
-
Poi sinceramente non mi piace il codice.
ha provato con questa sintassi ?
selettore { background-image: url(valore); }
-
Grazie mille per le risposte super tempestive[size=78%] ;D [/size]
Ci metteresti la mano sul fuoco?
Assolutamente si! Qualche riga sotto con le immagini funziona tutto, stessa cartella, stesso percorso, stesso tutto.
selettore { background-image: url(valore); }
Si si gia provato pure questa! La cosa strana è che anche utilizzando lo strumento presente nel backend,
cioè selezionando il modulo e andando su "Seleziona un'immagine di sfondo" non funziona!
-
La cosa strana è che anche utilizzando lo strumento presente nel backend,
cioè selezionando il modulo e andando su "Seleziona un'immagine di sfondo" non funziona!
Infatti.
Presumo che avrai provato con più immagini.
non saprei, vedi bene con firebug/chrome come dice giovi.
-
...a, dimenticavo, non so se può esserti utile ma se vuoi agire sui css dei moduli potresti provare a vedere quì
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F (http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F)
-
Ciao number22,
non chiudi la parentesi...
background:url(../images/images/mod-title-gradient_04.png) #004485;
e poi trovo strano anch'io una cartella image dentro un'altra cartella images... ma se dici che è così.
-
una possibilità, abbastanza remota comunque, potrebbe essere che una dichiarazione css del template sovrascrive qualunque tua scelta. ad esempio, la butto li, nel template potrebbe esistere una dichiarazione del tipo
div.classedeimoduli{background-image:none !important;}per questo è necessario che analizzi bene il codice elaborato dal browser o pubblichi un'anteprima del sito perché provi a farlo qualcun'altro!
-
Grazie per le risposte:)
Non chiudi le parentesi
se intendi le parentesi graffe del css si sono chiuse, ma non le ho messe nel post.
Stavo provando con i suffissi css modulo ma non riesco a farlo funzionare. Una volta impostato il suffisso ad esempio _prova, poi vado nel file css che se ne occupa e sovrascrivo. Ad esempio se prima c'era solo:
.mod-box{
padding:0px;
border: 5px solid #BBB;
/*background:#fff url(../images/images/menu_back.gif) no-repeat*/;
border-radius:3px;
}
Ora diventa:
.mod-box_prova{
padding:0px;
border: 5px solid #BBB;
/*background:#fff url(../images/images/menu_back.gif) no-repeat*/;
border-radius:3px;
}
Giusto? Perchè non funziona proprio!
-
Intendevo la tonda prina del ;
-
Grazie a tutti per le risposte! Ok ho ricontrollato, ho rinominato il file, e magicamente è andata. Non so per quale arcano motivo sia andata a buon fine. Suppongo ci fosse qualche errore nel codice che non riuscivo a vedere! In ogni caso grazie a tutti!
Qualcuno mi aiuta lo stesso con la classe css modulo? Mi servirebbe ad altre cose:) Grazie ancora ;D
-
Ho risolto anche il problema del suffisso classe css. Dando come parametro del modulo "mod-box_slideshow"
ho creato nel css di appartenenza il codice:
.mod-box_slideshow{
padding:0px;
border: 0px solid #BBB;
background: #fff;
}
e funziona tutto!