Omogeneizzare lo stile del modulo in nuova posizione al resto del template

[Saimonn]

Salve ragazzi, ho appena creato una nuova posizione immediatamente sopra lo spazio dedicato all'inserimento degli articoli, per inserirvi moduli, il sito è:
www.unircost.altervista.org
Il modulo in questione è quello news centrale ed intitolato "In evidenza" (la posizione da me creata in cui l'ho inserito si chiama center).
Come devo fare ad attribuire anche a questo modulo collocato in questa nuova posizione uno stile analogo a quello proprio di tutti gli altri moduli presenti nel template? o anche attribuire uno stile differente purchè ne abbia qualcuno (visto che ora come ora nè è privo) devo intervenire nel css, ma come?
Al solito: un grazie anticipato

[sudoku]

con IE e FF il problema non sembra sussistere. Link, visited etc...sembrano funzionare così come gli altri.

[Saimonn]

Sì lo so, ma non mi riferivo al funzionamento bensì all'aspetto, ad esempio vorrei anche che il titolo di questo modulo "In evidenza" stesse in un box colore arancione come gli altri

[tonicopi]

Ma nella posizione modulo che hai aggiunto che style hai messo? Prova a mettere lo stesso stile che hai nella posizione left 

[Saimonn]

ma nel #leftcolumn nel template.css non c'è specificato alcun style.. quindi?

[tonicopi]

Ma io no ho mica chiesto dello stile del div ma della posizione modulo...

[Saimonn]

ok, ho aggiunto lo style "rounded" (in index.php) come quello proprio della posizione left, ma non è cambiato nulla

[conti1]

ciao
posta il pezzetto di codice della nuova posizione.
compreso di 4 righe di codice prima e dopo .


ps: il css della nuova posizione dove lo hai messo?
non e un'opinione il css , senza quello puoi mettere tutti gli stili che vuoi ma non l prende.
buon divertimento.

[Saimonn]

Questo è cio che ho inserito nell'index.php (in grassetto) con le righe sopra e sotto:

<div id="maincolumn<?php echo $maincol_sufix; ?>">

       <div class="nopad">
<?php if($this->countModules('center')) : ?>
      <jdoc:include type="modules" name="center" style="rounded" />
   <?php endif; ?>
<jdoc:include type="component" /></div>
    </div>
    <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
   <div id="rightcolumn">
        <jdoc:include type="modules" name="right" style="xhtml"/>
       

       <div align="center"><jdoc:include type="modules" name="syndicate" /></div>
    </div>

Inoltre nel template.css ho inserito questo codice giù in fondo, dopo tutte le altre stringhe:

#center {
  float: left;
  width:100%}

[conti1]

prova  a leggere la parte ps: del post precedente?

Inoltre nel template.css ho inserito questo codice giù in fondo, dopo tutte le altre stringhe:

#center {
  float: left;
  width:100%}

convinto che questo css venga letto?
prova a riguardare  come hai inserito la tua nuova posizione. e poi dimmi se trovi un id che fa riferimento al tuo css che hai inserito.

[Saimonn]

In effetti non ero tanto convinto che fosse richiamato.

L'id pertinente presente nel css è il maincolumn, e come posso far sìche venga anche richiamato il css center?
Ho provato a collocarlo sotto il codice di maincolumn ma niente

[conti1]

Codice: [Seleziona]

<?php if($this->countModules('center')) : ?>
          <div id="center">
        <jdoc:include type="modules" name="center" style="rounded" />
    </div>
        <?php endif; ?>
poi ti devi ricreare tutto il css che comprende tutta la grafica della colonna  left.

[Saimonn]

ah! quindi il problema è che non avevo creato un id da richiamare nel css. Grazie.

Ma di css della colonna left mi sembra che ce ne sia parecchio, ad esempio vi rientra nche questo:

#leftcolumn div.module_menu, #leftcolumn div.module{
   margin: 10px 0px 0px 0px;
   padding:0px;
   width: 205px;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div

Mi dai una dritta così magari (finalmente) imparo anche a personalizzarelo stile dei moduli già presenti

Ad esempio, div.module_menu significa lo stile del modulo quando all'interno vi è un menù, poi ve ne sarà un altro quando il modulo contiene news, ecc.?

[conti1]

Codice: [Seleziona]

#center {
margin-left:9px;
padding:0;
}

#center h3 {
background:url("../images/reddarkblue/bg_h3.png") no-repeat scroll center top #AE0010;
}

#center h3 {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
height:42px;
line-height:40px;
margin:0;
padding-left:15px;
text-align:left;
width:190px;
}
#center div.module_menu div div div, #center div.module div div div {
background:url("../images/rub_bottom.png") no-repeat scroll center bottom transparent;
}
#center div.module_menu div div div, #center div.module div div {
height:auto;
margin:0;
padding:0 0 5px;
width:205px;
}

[Saimonn]

Ora sto via via ottenendo qualche risultato copiando il codice del left, salvo che dovrò riadattare le dimensioni,
comunque ti dispiacerebbe delucidarmi egualmente su come personalizzare lo stile di un modulo o capire a cosa si riferiscono i vari:
leftcolumn div.module_menu div div div div ecc.

[conti1]

tanto x dirne una

_menu

questo e un suffisso che hai nei moduli left

[Saimonn]

Codice: [Seleziona]

#center {
margin-left:9px;
padding:0;
}

#center h3 {
background:url("../images/reddarkblue/bg_h3.png") no-repeat scroll center top #AE0010;
}

#center h3 {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
height:42px;
line-height:40px;
margin:0;
padding-left:15px;
text-align:left;
width:190px;
}
#center div.module_menu div div div, #center div.module div div div {
background:url("../images/rub_bottom.png") no-repeat scroll center bottom transparent;
}
#center div.module_menu div div div, #center div.module div div {
height:auto;
margin:0;
padding:0 0 5px;
width:205px;
}

quindi questi sono tutti i parametri di stile che si riferiscono ai moduli presenti in una posizione da qui posso anche personalizzare i presenti.

[Saimonn]

e qui ad esempio che significa:
#leftcolumn .moduletable ul li

ma non c'è una guida specifica che non sia troppo dispersiva

[conti1]

Codice: [Seleziona]

ul lips scusa sono i parametri che vengono usati x definire i tuoi link o menu altrimenti verrebbero un tuttuno e non sapresti quale link  da dove parte e finisce.

non dimentichiamo che  stiamo guardando una formazione di una colonna che potresti usare "come menu" x cui e gia predisposti il tutto .

[Saimonn]

Non c'è una guida?

Ed un ultimissima cosa: è possibile differenziare lo stile di un modulo rispetto agli altri presenti sempre nella stessa posizione?
Ad esempio nel mio sito
www.unircost.altervista.org
Vorrei che i moduli sulla sinistra "avvisi lezione" e "avvisi ricevimenti" avessero uno stile differente (ad esempio la barra color blu anzichè aranzione) rispetto agli altri moduli sempre presenti a sinistra

[conti1]

certo che si
basta fare un suffisso al modulo e rifare tutto il css con suffisso applicato.

http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F

[sudoku]

una domanda un post. Grazie.

[Saimonn]

Ah bene. Insomma ora sto vedendo qualche risultato, nota i progressi del modulo al centro:
www.unircost.altervista.org

ed il box dov'è contenuto il titolo del modulo come si può differenziare/personalizzare? perchè con qull'operazione del suffisso si persnalizza solo il contenuto del modulo. (Nel caso del mio sito, per creare dei nuovi bg_h3 non arancioni)

[Saimonn]

Ah bene. Insomma ora sto vedendo qualche risultato, nota i progressi del modulo al centro:
www.unircost.altervista.org

ed il box dov'è contenuto il titolo del modulo come si può differenziare/personalizzare? perchè con qull'operazione del suffisso si persnalizza solo il contenuto del modulo. (Nel caso del mio sito, per creare dei nuovi bg_h3 non arancioni)

Allora ragazzi? qualche suggerimento?