Autore Topic: Creazione modulo personalizzato(RISOLTO)  (Letto 1141 volte)

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Creazione modulo personalizzato(RISOLTO)
« il: 13 Gen 2013, 01:44:27 »
Ciao a tutti ,
sto sviluppando un sito utilizzando il template del "Santo" Elpaso.(http://www.scuolacooperativa.net/joomla/).

Ho la seguente difficoltà:
vorrei creare una nuova classe CSS per avere dei moduli di colore diverso tra loro.
Solitamente seguendo i consigli degli utenti identificavo la classe "modulo1" , copiavo tutto quello che era riferito a quella classe , rinominavo in "modulo 2", facevo in " modulo 2" le variazioni che servivano e poi dicevo ai miei moduli di utilizzare quella classe o un altra.
Con questo template ho delle difficoltà a trovare sia il nome del modulo sia il file in cui trovo le sue caratteristiche(negli altri template ch eho utilizzato si chiamavano per mia fortuna "yellow", "red" quindi di facile intuizione )
Qualcuno sa aiutarmi?
Grazie Manuela
« Ultima modifica: 21 Gen 2013, 03:41:17 da manuela.dileo@me.com »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12762
  • Sesso: Maschio
    • Mostra profilo
Re:Creazione modulo personalizzato
« Risposta #1 il: 13 Gen 2013, 10:56:59 »
Perchè hai difficoltà a leggere le classi in questo template? Io con firebug le vedo benissimo. Prendiamo i menu. Hanno suffisso CSS _menu per cui la loro classe diventa moduletable_menu. Se tu copi le regole relative a quella classe e le chiami moduletable_menu_rosso modificandole, se assegnerai il suffisso _menu_rosso a un modulo questo prenderà le nuove regole...  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:Creazione modulo personalizzato
« Risposta #2 il: 13 Gen 2013, 16:57:38 »
mmm , non riesco perchè trovo solo 2 righe di moduletable-menu.
O sbaglio foglio di stile o qualcosa altro.
edit
Questo è il css che sto guardando...
Puoi darmi qualche altra indicazione?
« Ultima modifica: 15 Gen 2013, 19:19:03 da tonicopi »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12762
  • Sesso: Maschio
    • Mostra profilo
Re:Creazione modulo personalizzato
« Risposta #3 il: 15 Gen 2013, 19:28:16 »
Che tu sia poco pratica si vede anche dal fatto che non sai che se mi hai postato il link del sito non serve aggiungere un lunghissimo file css che posso guardare da solo qui:
http://www.scuolacooperativa.net/joomla/templates/accessible/css/skin_white.css
 ;D
Ma se mi dici esattamente quello che vuoi fare vediamo se riesco ad aiutarti.
Per esempio se tu volessi colorare di rosso lo sfondo del titolo del menu La scuola dovresti  andare ad aprire quel modulo e scrivere dentro il Suffisso classe CSS modulo la parola rosso dopo _menu in questo modo:
_menu rosso
Hai assegnato una nuova classe che adesso puoi formattare per esempio con questa regola incollata in fondo a quel file css:
Codice: [Seleziona]
body.white .rosso .module-title {
  background-color: red;
 
}
:)
« Ultima modifica: 15 Gen 2013, 19:33:50 da tonicopi »
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:Creazione modulo personalizzato
« Risposta #4 il: 15 Gen 2013, 21:01:36 »
Caro tonicopi,
volevo fare proprio questo e naturalmente funziona. Grazie mille :)
Il mio errore era che , inserivo il codice correttamente , ma poi al modulo gli scrivevo "rosso" senza citare _menu"
Grazie della pazienza !!!!
Per quel che riguarda il menu orizzontale invece(sempre riferito al cambiamento di colore)?
« Ultima modifica: 15 Gen 2013, 21:13:52 da manuela.dileo@me.com »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12762
  • Sesso: Maschio
    • Mostra profilo
Re:Creazione modulo personalizzato
« Risposta #5 il: 18 Gen 2013, 14:03:56 »
Joomla! assegna una classe a ciascuna voce di menu. La devi individuare con firebug e poi formattare. Per esempio questa regola:
Codice: [Seleziona]
div#menu-top ul.menu .item-112 a {
 
}
mette uno sfondo rosso alla voce Genitori :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:Creazione modulo personalizzato
« Risposta #6 il: 21 Gen 2013, 03:40:59 »
grazie mille!

 

Host

Torna su