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

[redpanda]

ciao
per assegnare un suffisso ad una classe per poi magari assegnarla ad un modulo basta aggiungere
nomeclasse_nomesuffisso e nelle appisite aree di joomla scrivere _nomesuffisso

mi spiego meglio:
table.moduletable {
   width: 100%;
   margin-bottom: 10px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}
se con questo cosice gestiamo la formattazione generica dei moduli basterà aggiungere a tale classe un suffisso del tipo
table.moduletable_rosso {
   width: 100%;
   margin-bottom: 10px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}
e poi richiamre _rosso nel campo di joomla che lo richiede

spero di essere stato chiaro e utile
ciao

[The-BiT]

Ciao,
innanzitutto grazie per la risposta.
Purtroppo non sono riuscito a risolvere.
Ho fatto come hai detto tu (in realtà è anche quello che mi hanno consigliato altir utenti), ma non cambia proprio nulla.
Il template in questione è fatto da due file css: template_css.css e mambo.css. In quest'ultimo, sono presenti le dichiarazioni delle classi moduli e così ho duplicato la classe

.moduletable th {
color: #eef;
font: bold 11px/15px Arial, Helvetica, sans-serif;
text-transform: uppercase;               /*Carattere minuscolo*/
text-align: left;
text-indent: 16px;
padding: 3px 8px;
background: #68a url(../images/th_bg.png) left center;
}

in

.moduletable th-prove {
color: #eef;
font: bold 11px/15px Arial, Helvetica, sans-serif;
text-transform: uppercase;               /*Carattere minuscolo*/
text-align: left;
text-indent: 16px;
padding: 3px 8px;
background: #68a url(../images/head_compo_bg.png) left center;
}

Ma non è cambiato proprio nulla.
E nel file template_css.css

ho creato la classe

/* Inizio classe "User 9" */
#User9{
    width: 448px;
    height: 100px;
   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 "User 9" */

successivamente modificata, poi, in:

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

Ma no ho risolto nulla.

Se vuoi posso inviarti il template...a questo punto non so più come fare.

[redpanda]

dei due css template_css.css è quello principale,quindi dovresti lavorare su quello. visto che la soluzione che ti ho postato è praticamente la soluzione che molti ti daranno forse c'è un problema quando richiami il suffisso nel modulo?
che nella mia soluzione è così _nomesuffisso

facci sapere

ciao

[The-BiT]

Io le ho provate tutte, davvero.
Ho anche impostato il class suffix del modulo sia "-nomesuffisso" chè "_nomesuffisso".
Ma non funziona.

Se, gentilmente, hai tempo, magari potrei inviarti i due file del template.

[jakozone]

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 -->

Prova a modificarlo il codice dell'index.php cosi:

Codice: [Seleziona]

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

[The-BiT]

Ancora niente da fare.
Ora mia appare privo di css, il modulo in questione.
Ho fatto mille prove ma proprio niente. Ho diciharato la classe sia come "moduletable th-miaclasse" chè "moduletable-miaclasse" e le ho pubblicate sia in mambo.css chè in template_css.css ma niente da fare.
COme faccio?

Ti posto i due file del template?

[jakozone]

Prova a postarli, vedrai che prima o poi qualcuno che ti dà la soluzione giusta si trova 

[The-BiT]

Io ci provo: posto di seguito i 3 file principali del template.
Fate vobis!

Spero in un aiuto!

[allegato eliminato da un amministratore]

[redpanda]

ho visto i file che hai postato e la classe che gestisce i moduli nel tuo foglio di stile è
.moduletable th-prove {
color: #eef;
font: bold 11px/15px Arial, Helvetica, sans-serif;
text-transform: uppercase;               /*Carattere minuscolo*/
text-align: left;
text-indent: 16px;
padding: 3px 8px;
background: #68a url(../images/head_compo_bg.png) left center;
}
credo che debba essere
/*questa gestisce il modulo in generale*/
table.moduletable-prove {
        display: block;
   width: 150px;
        height: 100%;
       /* background-color:#ccff00;*/
   /*margin-left: 30px;*/
        /*margin-top:20px;*/
   padding: 2px;
        border-top:5px solid green;
   
     
}
/*questa gestisce la parte del titolo del modulo*/
table.moduletableprove th {
   
   text-align: left;
   padding-left: 2px;
   height: 21px;
   line-height: 21px;
   font-weight: bold;
   font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
   margin: 0 0 2px 0;
}
/*questa gestisce il contenuto o parte di esso nel modulo*/
table.moduletable-prove td {
   font-size: 11px;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
}

 facci sapere ciao

[The-BiT]

Mi spiace stare ancora qui a relicare, ma non funziona.
Apprezzo il vostro sforzo in modo sincero, ma mi sto bloccando su una cosa molto semplice. Non capisco cos'è che mi sfugge.

Ho caricato (per sicurezza) il blocco di classi postato da redpanda sia nel template.css chè nel mambo.css, e ho anche impostato -prove nel modulo class suffix ma non cambia proprio nulla. Sembra come se non caricasse proprio il template per quel singolo modulo.

/********INIZIO MODIFICHE CLASSE PROVERBI**************/

/*questa gestisce il modulo in generale*/
table.moduletable-prove {
        display: block;
   width: 150px;
        height: 100%;
       /* background-color:#ccff00;*/
   /*margin-left: 30px;*/
        /*margin-top:20px;*/
   padding: 2px;
        border-top:5px solid green;
   
     
}
/*questa gestisce la parte del titolo del modulo*/
table.moduletable-prove th {
   background: #68a url(../images/th_bg.png) left center;
   text-align: left;
   padding-left: 2px;
   height: 21px;
   line-height: 21px;
   font-weight: bold;
   font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
   margin: 0 0 2px 0;
}
/*questa gestisce il contenuto o parte di esso nel modulo*/
table.moduletable-prove td {
   font-size: 11px;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
}

/************FINE MODIFICHE CLASSE PROVERBI*****************/

Ho copiato di pari passo, ma non funziona.

[redpanda]

a questo punto non so cosa dirti, anche perchè il codice che ti ho postato è attualmente in uso su un sito e funziona, hai provato ad applicare la regola a qualche altro modulo tanto per scrupolo

ciao

ps il sito che usa la classe che ti ho postato è www.pdpontecorvo.it e il modulo interessato è ultime notizie

[The-BiT]

Allora,
ho fatto un po' di prove e ho visto che ineffetti il tuo codice funziona però solo le pubblico in certi moduli.
Mi spiego meglio: ho creato un semplice modulo con un'immagine e l'ho pubblicato in "left". Ho messo il suffisso in class-suffix e in effetti mi compariva un'immagine diversa nel modulo.
Successivamente ho pubblicato il modulo in questione nella div da me creata "user9" (con la classe user9 anche attiva) ed ecco che non funziona nulla.
Così ho pubblicato anche il modulo che mi dà problemi nella sezione lef e anche questomi si vede come vorrei.
In sintesi, sono riuscito a restringere il campo arrivando alla conclusione che non è nè il modulo, nè il codice, ma a classe in cui pubblico il modulo.
Come mai?

Ho ancora un po' di confusione.
(Di fatto non ho ancora risolto il problema)

[The-BiT]

Eureka!
Funziona. Non chiedetemi come ho fatto perchè non lo so!
A parte gli scherzi, ho scoperto che il problema era dovuto al fatto che non mi leggeva la classe user9. Così ne ho creata un'altra ed ora funziona tutto perfettamente.

Grazie redpanda, e grazie anche a jakozone

Si, credo proprio di aver risolto.
Ho dovuto rendere il tutto nuovamente compatibile sia con IE che con FF, ma alla fine ce l'ho fatta e sambra funzionare tutto a dovere.

Ancora, sinceri ringraziamenti.

[redpanda]

bene
ciao
redpanda