Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Apidea 04 Sep 2011, 17:21:52

: Congifurare una nuova Classe Css ad un modulo
: Apidea 04 Sep 2011, 17:21:52
Ciao a tutti, avrei bisogno di assegnare e configurare una nuova classe a due moduli posti nel footer (http://www.ghostquarter.it/) di questo sito.

Ho letto questa (http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html) guida, e provato ad assegnare ai due moduli una nuova classe.

Il problema e' che con le mie scarse conoscenze non riesco a capire quali paramentri riportare nella nuova classe per un aspetto del tutto simile al terzo eccezion fatta per le modifiche sopra citate.
Ho provato a guardare nel file css del mio template, cercando di individuare tutti i parametri della classe module, ma purtroppo non sono riuscito ad individuarle..

Qualcuno di voi puo; gentilmente darmi una mano?

Grazie.
: Re:Congifurare una nuova Classe Css ad un modulo
: giusebos 04 Sep 2011, 17:49:05
Fai questa prova, per i colori dei link aggiungi questo codice al file template.css

:
.moduleblock4 a , .moduleblock4 a:link , .moduleblock4 a:hover , .moduleblock4 a:visited
{
color:#ffffff;
}

inoltre se vuoi regolare il colore posizione per posizione usa anche un suffisso da inserire nei parametri del modulo e nella regola del css

Rimane il colore del testo di Fb......come sopra, e se di colore diverso utilizza il suffisso.

L'altra domanda non la capisco.
: Re:Congifurare una nuova Classe Css ad un modulo
: Apidea 04 Sep 2011, 18:37:12
Ciao, grazie dell'aiuto.

Per quanto riguarda l'altra domanda, se te don firebug analizza il corpo centrale dei modulo con i like button ossia:
<  div class="module_content"    >
tra i parametri del css ho:
div {margin:0}

parametreo hce vorrei elimare.

 
Ora provo a smanettare con i suffissi e vedo se riesco ad eseguire tutte le modifiche, nel caso mi dovesse servire nuovamente aiuto spero di contare sul vostro supporto  ;)

Grazie

P.S.
Nel frattempo mi potresti spiegare a cosa si fa riferimento conblock4 block3 etc? come faccio a capire quale dovrei usare?


@edit: ho provato ad utilizzare un suffisso assegnandolo al modulo custom html, suffisso : _footer

nel file template css ho inserito:
:
h3.module_footer
{
border-bottom:1px solid #444;
font-size:140%
}

a.module_footer:link
{
color:#6BB4DB;
}

ma purtroppo le mie modifiche non vengono visualizzate, immagino che il motivo dipenda dalla sintassi errata o comunque dal fatto che non so come gestire i vari moduleblockX...

P.S.
Ho provato anche ad inserire il codice da te postato, ma sembra non funzionare.

resto in attesa di  aiuto.  :P
: Re:Congifurare una nuova Classe Css ad un modulo
: Apidea 06 Sep 2011, 20:08:29
Giusebos mi hai abbandoanto?  :P Ho provato a smanettare con il css, ma non ne vengo a capo...  :'(
: Re:Congifurare una nuova Classe Css ad un modulo
: giusebos 06 Sep 2011, 20:28:51
Si scusa ero a smacchiare dei dalmata!  :)

Andiamo per gradi, quel pezzo di codice che ti ho postato del css lo hai messo?
Hai svuotato cache e provato magari con altro browser?
: Re:Congifurare una nuova Classe Css ad un modulo
: Apidea 07 Sep 2011, 21:24:51
Si, l'ho inserito, attualmente e' riportato nel file template.css, ma come puoi vedere anche te, il colore del testo viene visualizzato sempre in grigio.  :-\
: Re:Congifurare una nuova Classe Css ad un modulo
: Apidea 11 Sep 2011, 10:32:53
Ritornato dai dalmata?  :P
: Re:Congifurare una nuova Classe Css ad un modulo
: Apidea 18 Sep 2011, 12:03:22
Alla ifne ho risolto da solo...  :P

Applicando il suffisso "_footer" a tutti e tre i moduli presenti nel pie' pagina ed aggiungendo al file template.css del sito:

:
.module_footer{
  padding: 8px !important;
}

.module_footer h3{
  border-bottom:1px solid #444; 
  color:#ccc; 
  font-size:140%;
  padding: 1px 0 5px 5px !important;
  display: block;
  font-weight: normal;
  letter-spacing: -1px;
  margin: 0 !important;
}

.module_footer div{
  margin: 1px !important;
}

.custom_footer a:link{text-decoration:none; font-size:12px; color:#3B5998;}
.custom_footer a:visited{text-decoration:none; font-size:12px; color:#3B5998;}
.custom_footer a:hover{text-decoration:underline; font-size:12px; color:#6A8C7D;}

Grazie comunque