Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : Gab75 22 Jul 2012, 10:05:54

: [RISOLTO] Lof ArticlesScroller module modifica CSS
: Gab75 22 Jul 2012, 10:05:54
Ho installado questo modulo che sembra funzionare bene. Avrei necessità di modificare i colori di sfondo ed in particolare giustificare il testo in visualizzazione in quanto giustificando il testo nell'articolo sorgente tale giustificazione non viene mostrata dal modulo in esecuzione. Sapete quale è il file di css da modificare?
Grazie
: Re:Lof ArticlesScroller module modifica CSS
: giovi 22 Jul 2012, 11:41:43
Ciao Gab, se ci fornisci un link al sito la procedura sarà sicuramente più rapida
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 22 Jul 2012, 18:39:54
Grazie Jovi,
il sito in questione è www.majoresassisi.com. Vorrei uniformarlo al design del template magari impostandolo in leggera trasparenza e spaziando il titolo dal testo e magari sapere se c'è la possibilità di impostare l'immagine che originariamente è in orizzontale in orizzontale e non in verticale come avviene di default
Grazie
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 22 Jul 2012, 18:41:15
Ho dimenticato l'esigenza di sostituire Read more con un testo in italiano...
: Re:Lof ArticlesScroller module modifica CSS
: giovi 22 Jul 2012, 19:01:44
al css del template aggiungi
:
.lof-inner{text-align:justify !important;}per giustificare il testo.


Per il read more è necessario operare con override (http://www.joomla.it/articoli-della-community/788-override-del-template-come-personalizzare-le-pagine-di-joomla.html)
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 23 Jul 2012, 00:25:53
Scusami Giovi....ho qualche problema di comprensione...
devo andare a modificare http://www.majoresassisi.com/plugins/system/shadowbox/examples/build/shadowbox.css che è quello che rilevo con F...bug del browser?
: Re:Lof ArticlesScroller module modifica CSS
: giovi 23 Jul 2012, 11:02:40
ciao, no non devi modificare quello perchè una volta aggiornata l'estensione perderesti le modifiche. il css del template solitamente si trova nella cartella templates/nometemplate/css/ e si chiama template.css o layout.css
al termine di tale file incolli la stringa


Non avere paura di nominare firebug, è stata la più grande invenzione mai conosciuta da un webdesigner secondo me :D
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 23 Jul 2012, 11:57:05
Grazie Giovi,

dell'aiuto...concordo con firebug...!grazie provo...hai una idea come posso impostargli la trasparenza?
: Re:Lof ArticlesScroller module modifica CSS
: giovi 23 Jul 2012, 17:34:20
trasparenza nel senso di mancanza di opacità o di dargli lo stesso colore dello sfondo?
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 23 Jul 2012, 23:13:03
Volevo ottenere qualcosa che si adattase di più allo sfondo...accetto volentieri suggerimenti vista la tua preparazione e come metterli in pratica. Pensavo, invece di quel bianco come sfondo ad un nero con una trasparenza/opacità del 70%
: Re:Lof ArticlesScroller module modifica CSS
: giovi 23 Jul 2012, 23:28:16
approfitto del momento per svelare la mia totale ignoranza e mancanza di gusto in materia di grafica ;)
Per quanto riguarda il colore di sfondo vai tranquillo incollando un
:
.lof-articlessroller .lof-inner {background-color: #fff !important;}
al posto di #fff inserisci il codice esadecimale o la costante definita per il colore (esempio "black" o "white").

per l'opacità sorge un dubbio perché c'è un metodo diverso per ogni browser. Le direttive da inserire sono 3 ma invalidano il codice della pagina (non sarà più dichiarato "accessibile" dal consorzio w3). Sicuro di volerle usare? Piuttosto utilizzerei un'immagine png semitrasparente da impostare come sfondo del div.
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 23 Jul 2012, 23:36:18
 ;D Lanciata l'idea.....attendo lumi su come inserirgli una immagine in png che gli faccia da sfondo...il dubbio mi viene su come dimensionarla...se gli do dei valori fissi me la scala bene al cambiare delle risoluzioni dei monitor!?
: Re:Lof ArticlesScroller module modifica CSS
: giovi 23 Jul 2012, 23:42:29
l'immagine png sarà grande 1x1 pixels, verrà ripetuta totalmente per tutto il div! Potresti anche utilizzare quella che già usi come sfondo del contenitore della pagina, sovrapposta a se stessa verrà più scura, come se invece di 50% fosse 75%
: Re:Lof ArticlesScroller module modifica CSS
: giovi 23 Jul 2012, 23:45:30
il codice diventerà
:
.lof-articlessroller .lof-inner {background-color: trasparent !important;
background-image: url(../images/nomeimmagine.png) repeat;}
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 08 Aug 2012, 13:29:49
Buongiorno Giovi,
Grazie per le info...sono stato fuori sede...ora provo a mettere in atto le modifiche. Nel caso in questione dovrei accedere tramite FTP al css del template? Di fatto me ne ritrovo 4
print.css
template.css
template.ie6.css
template.ie7.css
La modifica immagino che debba essere fatta su tutti i fogli di stile
Grazie
: Re:Lof ArticlesScroller module modifica CSS
: giovi 08 Aug 2012, 13:31:36
No, no: basta nel layout.css o nel template.css. Se per sicurezza vuoi metterlo ovunque va bene lo stesso, ma non è necessario! :)
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 08 Aug 2012, 17:18:18
Perfetto l'allineamento giustificato...non funziona la trasparenza...hai qualche ideaa in più per risolvere?
Grazie

: Re:Lof ArticlesScroller module modifica CSS
: giovi 08 Aug 2012, 23:21:21
controlla che la stringa che hai incollato sia effettivamente stata salvata su quel file!
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 08 Aug 2012, 23:44:24
.lof-articlessroller .lof-inner {background-color: trasparent !important; e ho richiuso con la graffa mettendolo nel template.css
L'impostazione del giustificato (inserita come tuo suggerimento) l'ha recepita, questa della trasparenza come se non la capisse...
Ho tolto la parte dell'immagine di sfondo che non mi interessa...
Riesci a capire con firebug, vista la tua esperienza, dove può essere il problema?
: Re:Lof ArticlesScroller module modifica CSS
: giovi 08 Aug 2012, 23:46:47
Stavo facendo proprio questo ma non riuscivo a trovare la stringa.. è come se non venisse interpretata perchè sovrascritta da altro. Appena so qualcosa di più ti informo
: Re:Lof ArticlesScroller module modifica CSS
: giovi 08 Aug 2012, 23:47:46
riga 2077 di template.css ti risulta esserci questo codice?
:
.lof-articlessroller .lof-inner {
        background-color: black0 !important;
}
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 08 Aug 2012, 23:49:05
Sembra che dipenda da style.css del modulo

: Re:Lof ArticlesScroller module modifica CSS
: giovi 08 Aug 2012, 23:50:52
Quella è la dichiarazione di default. il fatto di inserire !important al termine della nuova dichiarazione implica la sovrascrittura di quella vecchia.
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 08 Aug 2012, 23:59:19
si...ora reimposto la trasparenza come da te suggerito
: Re:Lof ArticlesScroller module modifica CSS
: Gab75 09 Aug 2012, 00:04:30
Riuscito....copiando la stringa avevo scritto trasparen invece di transparent...mancava la n...ora ho capito sarebbe solo da modificare ad esempio il titolo , la cornice...ma identificato l'elemento con firebug dovrei correggerlo posponendo sempre important...grazie dell'aiuto Giovi...abbiamo monopolizzato la discussione ma speriamo sia utile anche ad altri