come gestire class-suffix?

[The-BiT]

Buon pomeriggio,
vorrei capire meglio il funzionamento del class-suffix, presente in ogni modulo, per cercare di risolvere un problema di impaginazione.

Ho installato un modulo in una posizione da me creata e ho chiamato tale prosizione "user9".
Di seguito il codice css:

#Modulo_user9{
    width: 448px;
    height: auto;
   background: #93BEE2;
   float: left;
   text-align: left;
   font-size: 11px;
   margin-left: 3px !important;
   margin-left: 1px;
   padding: 2px;
   border: 1px solid #ffffff;
}

vorrei fare in modo che il modulo che ho installato prendi il css di questo codice riportato sopra.
Come devo fare?

[carlodamo]

secondo me sei sulla strada sbagliata... prova a fare una ricerchetta su questo forum usando class suffix oppure suffisso classe css o qualcosa di simile...

ciao

[The-BiT]

Ovviamente, prima di postare, ho fatto non poche ricerche. Ma non ho trovato nulla in merito: solo messaggi senza risposte, e qualche riferimento alla costruzione di una classe avente "-" come inizio.
Ti seccherebbe molto dirmi come fare?

[ramses_2th]

ciao, non è importante definire quale modulo associare il class suffix, ma è necessario invece definire un nome univoco alla classe.

Dunque nel CSS dovrai definire qualcosa del genere.

#Modulo_user9 div.module-nometuosuffix {
    width: 448px;
    height: auto;
   background: #93BEE2;
   float: left;
   text-align: left;
   font-size: 11px;
   margin-left: 3px !important;
   margin-left: 1px;
   padding: 2px;
   border: 1px solid #ffffff;
}


Quello in rosso è quello che dovrai inserire nella casella class suffix del modulo pubblicato.

Ciao

[The-BiT]

Quindi devo duplicare la classe o aggiungere semplcimente il suffisso in rosso?

Grazie per il tuo aiuto.

[ramses_2th]

...dipende...

se hai creato quello script solo per usarlo come suffix ....

allora devi solo aggungere (modificare)

#Modulo_user9 div.module-nometuosuffix .......

[The-BiT]

Ho crearo appositamente quella esclusivamente per quel modulo.
Quindi che faccio? La duplico e aggiungo la parte in rosso oppure la aggiungo direttamente?

[ramses_2th]

aggiungilo direttamente

[The-BiT]

ok ora provo.

[The-BiT]

Niente d fare:
ho fatto come hai detto e ho aggiunto la parte in rosso alla classe che avevo creato, fino ad ottenere questa classe:

/* Inizio classe */
#user9 div.module-class_user9{
   background: #68a url(../images/th_bg.png) left center;
    width: 448px;
    height: auto;
   background: #93BEE2;
   float: left;
   text-align: left;
   font-size: 11px;
   margin-left: 3px !important;
   margin-left: 1px;
   padding: 2px;
   border: 1px solid #ffffff;
}
/* fine classe user9 */

Il modulomi appare senza testata, ok. Però io vorrei mettergli quell'immagine di sfondo, in modo che il testo compaia al di sopra, ma continua a visualizzarmi solo il testo.
L'istruzione mi pare corretta e il percorso dell'immagine è corretto di sicuro. Come mai?

Inoltre ho anche aggiunto il suffitto -class_user9 nel modulo da me  creato.

[jospic]

Non sono sicuro ma secondo me è la classe module che non è corretta dovresti utilizzare moduletable.

Almeno sul Joomla 1.0.x funziona così...

Codice: [Seleziona]

/* Inizio classe */
#user9 div.moduletable-class_user9{
   background: #68a url(../images/th_bg.png) left center;
    width: 448px;
    height: auto;
   background: #93BEE2;
   float: left;
   text-align: left;
   font-size: 11px;
   margin-left: 3px !important;
   margin-left: 1px;
   padding: 2px;
   border: 1px solid #ffffff;
}
/* fine classe user9 */
Saluti

[The-BiT]

Niente da fare jospic.
Ho provato ma non cambia nulla, sia con IE chè con FF

[ramses_2th]

scusa..... io ho utilizzato questo e funziona perfettamente

#R5_left div.module-style1_mail   {
   background:url(../images/R5_mod_mail.png) no-repeat top left;
   height:33px;
   margin-bottom:12px;
   margin-right:-12px;
   margin-left:-12px;
   margin-top:-12px;
   line-height:33px;
   padding-left:28px;
}


pubblicato in LEFT

[The-BiT]

Ho fatto anche questa prova. niente.

Specifico inoltre che nell'index.php del templalte il modulo si presenta così:

<!-- inizio Blocco -->
      <?php                     
                if ( mosCountModules( 'user9' ) == 1)
          {
          ?>
            <div id="user9">
              <?php mosLoadModules ( 'user9' ); ?>
         </div>
      <?php
      }
      ?>
<!-- fine Blocco -->

E nel template.css

/* Inizio classe "user9" */
#user9 div.moduletable-class {
   background: #68a url(../images/head_compo_bg.png) left center;
    width: 448px;
    height: auto;
   background: #93BEE2;
   float: left;
   text-align: left;
   font-size: 11px;
   margin-left: 3px !important;
   margin-left: 1px;
   padding: 2px;
   border: 1px solid #ffffff;
}
/* fine classe "user9" */

Quindi nel modulo class suffix ho inserito -class.

Ma non funziona.

[jospic]

Nel css togli #user9...

[The-BiT]

ho tolto user9 (anche se nell'index.php la classe punta sempre all'id=user9).
Ma non vedo nulla.
Non so più come fare.

[The-BiT]

Ancora nulla da fare.
Nessun'altra idea?

[The-BiT]

A distanza di due settimane non sono ancora riuscito a risolvere il problema. Potrei gentilmente avere una mano da qualcuno?

[jakozone]

Ciao The-BIT, posteresti il codice php della zona che hai creato nella pagina index.php?

Hai dato un occhiata a questa mini guida: http://www.joowiki.com/index.php?option=com_openwiki&Itemid=2&id=mosloadmodules sopratutto nella parte "le varie opzioni per i mosLoadModules" ?

Ciao

[The-BiT]

Guarda, trovi tutto 2-3 posts più in alto.
Ho postato sia la porzione id codice php chè quella css.

Ti ringrazio fin da ora per l'aiuto che mi darai