Back to top

Autore Topic: [RISOLTO] Lof ArticlesScroller module modifica CSS  (Letto 8615 volte)

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Lof ArticlesScroller module modifica CSS
« il: 22 Lug 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
« Ultima modifica: 09 Ago 2012, 00:07:36 da Gab75 »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #1 il: 22 Lug 2012, 11:41:43 »
Ciao Gab, se ci fornisci un link al sito la procedura sarà sicuramente più rapida

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #2 il: 22 Lug 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

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #3 il: 22 Lug 2012, 18:41:15 »
Ho dimenticato l'esigenza di sostituire Read more con un testo in italiano...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #4 il: 22 Lug 2012, 19:01:44 »
al css del template aggiungi
Codice: [Seleziona]
.lof-inner{text-align:justify !important;}per giustificare il testo.


Per il read more è necessario operare con override

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #5 il: 23 Lug 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?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #6 il: 23 Lug 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

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #7 il: 23 Lug 2012, 11:57:05 »
Grazie Giovi,

dell'aiuto...concordo con firebug...!grazie provo...hai una idea come posso impostargli la trasparenza?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #8 il: 23 Lug 2012, 17:34:20 »
trasparenza nel senso di mancanza di opacità o di dargli lo stesso colore dello sfondo?

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #9 il: 23 Lug 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%

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #10 il: 23 Lug 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
Codice: [Seleziona]
.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.

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #11 il: 23 Lug 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!?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #12 il: 23 Lug 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%

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #13 il: 23 Lug 2012, 23:45:30 »
il codice diventerà
Codice: [Seleziona]
.lof-articlessroller .lof-inner {background-color: trasparent !important;
background-image: url(../images/nomeimmagine.png) repeat;}

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #14 il: 08 Ago 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

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #15 il: 08 Ago 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! :)

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #16 il: 08 Ago 2012, 17:18:18 »
Perfetto l'allineamento giustificato...non funziona la trasparenza...hai qualche ideaa in più per risolvere?
Grazie


Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #17 il: 08 Ago 2012, 23:21:21 »
controlla che la stringa che hai incollato sia effettivamente stata salvata su quel file!

Offline Gab75

  • Esploratore
  • **
  • Post: 199
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #18 il: 08 Ago 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?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Lof ArticlesScroller module modifica CSS
« Risposta #19 il: 08 Ago 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

 



Web Design Bolzano Kreatif