Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : spaino 16 Jun 2010, 12:29:55
-
come si modificano lo stile e le caratteristiche dei moduli? c'è un css a cui tutti i moduli fanno riferimento?
-
Ciao spaino,
normalmente sì c'è... uno o più di uno, dipende dal template.
Qui trovi un articolo per personalizzare l'aspetto dei moduli:
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
e qui una guida:
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F
-
Ciao spaino,
normalmente sì c'è... uno o più di uno, dipende dal template.
Qui trovi un articolo per personalizzare l'aspetto dei moduli:
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
e qui una guida:
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F
ti ringrazio per i link
la mia domanda nasce da questo problema: nell'home page del sito www.antizanzare.net ci sono diversi moduli joomla (che mostrano i prodotti del virtuemart) che presentano tutti la stessa caratteristica: troppo spazio tra il nome del prodotto e la sua immagine.
All'inizio pensavo fosse un problema solo del modulo productslide, poi ho visto che tutti i moduli (statici e dinamici) presentano la stessa caratteristica, quindi devo pescare per forza da qualche parte
sono andato a vedere nel css del template, ma non trovo nessuna riga che possa modificare questo parametro, era per questo che chiedevo da dove prendono lo stile i moduli
-
Credo che il modulo centrale in alto prenda le regole da qui:
#ja-slider-center {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:center;
}
template_css.css (riga 1366)
mentre le immagini, ad esempio, da qui:
#ja-slider-center img {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
template_css.css (riga 1395)
Se metti:
margin-top:-10px; ti avvicina l'immagine al titolo...
Se cerchi in quelle righe del template dovresti trovare altre regole. Ti sposto nella sezione template.
-
Credo che il modulo centrale in alto prenda le regole da qui:
#ja-slider-center {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:center;
}
template_css.css (riga 1366)
mentre le immagini, ad esempio, da qui:
#ja-slider-center img {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
template_css.css (riga 1395)
Se metti:
margin-top:-10px; ti avvicina l'immagine al titolo...
Se cerchi in quelle righe del template dovresti trovare altre regole. Ti sposto nella sezione template.
credo però che il problema non sia tanto nel margin o nel padding ma risieda nella percentuale che deve occupare l'immagine rispetto allo spazio a disposizione: se provi a salvare una qualsiasi immagine infatti noterai che ha un'altezza di 90 px, mentre le immagini che ho inserito io sono più grandi
in poche parole dovrei cercare un valore che mi dice quant'è lo spazio totale a disposizione per ogni singolo prodotto, e quale è la percentuale riservata alla sola immagine
-
ho paura di essermi spiegato da cani
-
ho provato a toccare i valore height e width, ma mi distorce l'immagine, ossia me la ingrandisce perdendola di definizione
e questo è strano perchè le immagini che ho caricato sono comuqnue più grandi di quelle che vengono visualizzate nel modulo
-
No, ti sei spiegato bene... e sì l'immagine viene distorta perché in effetti quella che scarichi dalla home è piccola come si vede e, a parte questo, se intervieni genericamente su altezza e larghezza non va bene perché in origine una è in pixel e l'altra in percentuale... Non saprei che dirti... Nelle impostazioni del modulo immagino che non ci siano scelte per la dimensione delle immagini...