Back to top

Autore Topic: Come modificare font dei moduli  (Letto 9827 volte)

Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Come modificare font dei moduli
« il: 31 Mag 2012, 23:17:08 »
Salve a tutti,

Utilizzo il template Beez 5, nella versione joomla 2.5.

Sono giorni che cerco di modificare il font dei singoli moduli, ma non riesco.
Ho provato ad usare anche Firebug, ma la modifica per esempio del modulo posto in position-0 determina la modifica del font di tutto il sito.

In che modo, dunque, potrei modificare i font dei singoli moduli, senza intaccare quello del resto del sito?

Potete aiutarmi?

Vi ringrazio anticipatamente!

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #1 il: 31 Mag 2012, 23:29:00 »
Ciao Fioru,
in generale segui questo articolo:
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
in particolare la position-0 di questo template è quella usata per il cerca. Il suo css è

.search {  }

puoi usare anche questo. Se hai un link al sito è più facile aiutarti.

Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #2 il: 01 Giu 2012, 11:30:12 »
Ciao adottauncane,

il link al sito è http://grottadelpapa.altervista.org/joomla

Il sito è in via di sviluppo

Ho letto l'articolo, ma non è che ci abbia capito molto. Ti avverto: sono alle prime armi...

Ciò che vorrei fare per ora è semplicemente cambiare il font del modulo in position-0.

Grazie già da ora per il tuo aiuto!

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #3 il: 01 Giu 2012, 15:21:54 »
Non hai nessun modulo in position-0...

Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #4 il: 01 Giu 2012, 17:01:16 »
Sì, hai ragione... era in position-15, ma me lo posizionava in alto a destra come se fosse in position-0.

Ora l'ho posizionato in position-0.

Si tratta del menù con queste voci: Home, Tariffario, Pacchi, Offriamo, Locus...

Grazie

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #5 il: 01 Giu 2012, 17:20:28 »
In realtà no la position-0 è sempre vuota. Comunque così:
Codice: [Seleziona]
#header ul.menu {    font-family: Georgia;    list-style-type: none;    margin-top: 5px !important;}beez5.css (riga 124)

aggiungi font-family: carattere;

Deve essere un carattere di default per i siti, altrimenti chi nìon ce l'ha installato ne vede un altro.


Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #6 il: 01 Giu 2012, 17:53:15 »
Grandissimo Adottauncane!

Forse ci sono riuscito. Ho usato il carattere Georgia che hai suggerito tu.

Potresti dare un occhiata se è così?

Un ultima domanda: dove posso trovare la lista dei caratteri di default dei siti di cui parli? Ne cerco uno che riproduca la scrittura elegante (ma comprensibile), simile a quella delle lettere scritte a mano...

Ti chiedo troppo, vero?

Grazie tantissimo intanto per il tuo prezioso aiuto!

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #7 il: 01 Giu 2012, 21:36:00 »
Vedo che hai già risolto con il Lucida Handwriting... Se volessi mettere un altro carattere segui questo wiki
http://wiki.joomla.it/index.php/Font_personalizzati_in_joomla

Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #8 il: 02 Giu 2012, 11:48:18 »
Si, grazie al tuo aiuto.

Se posso approfittare della tua gentilezza ancora una volta, vorrei chiederti ancora:

come cambiare anche il font, la grandezza ed il colore dei due moduli posti ai lati del template, rispettivamente in position-6 ed in position-7?

Ho usato Firebug per capire come modificare questi due moduli, ma nel momento in cui vado a modificarli in Beez5.css non mi riesce e non subiscono alcuna modifica reale... e non capisco perché...

Grazie ancora Adottauncane!

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #9 il: 02 Giu 2012, 12:21:17 »
Per quello a sinistra:

Codice: [Seleziona]
ul.menu li a:link, ul.menu li a:visited {    background: url("../images/karo.gif") no-repeat scroll 5px 12px transparent;    color: #444444;    font-family: Lucida Handwriting;}
beez5.css (riga 425)

Per il form:

Codice: [Seleziona]
.foxform {    font-family: Lucida Handwriting;    margin-bottom: 64px;}neon.css (riga 7)

Per il titolo:

Codice: [Seleziona]
#right h3 span.backh3 {    color: #664335;    font-family: Lucida Handwriting;}beez5.css (riga 345)




Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #10 il: 06 Lug 2012, 00:53:15 »
Ciao Adottauncane,

scusami per il gran ritardo con cui ti rispondo, ma ho avuto molto lavoro per potermi occupare del sito.

Ho visto i tuoi ultimi consigli per poter modificare i caratteri dei moduli in position 6 e 7.

Ho provato ad applicarli, ma purtroppo non succede assolutamente nulla e tutto resta invariato con il carattere che puoi vedere ora.

La cosa strana è che ho provato ad usare Firebug e su Firebug la modifica che mi proponi funziona.

Saresti disposto ad aiutarmi ancora una volta?

Ti ringrazio in anticipo!

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #11 il: 06 Lug 2012, 01:09:17 »
Un refresh della pagina? Svuotare la cache del browser?

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #12 il: 06 Lug 2012, 01:11:17 »
Sei sicuro che abbia preso la modifica in remoto? Non mi sembra di vederla.

Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #13 il: 06 Lug 2012, 01:35:21 »
Credo che ora vada bene.

Ho svuotato la cache e ora il cambiamento è visibile.

Il problema ora è che non riesco a trovare il file neon.css per modificare il form di foxcontact.

Conosci l'indirizzo della cartella, per favore?

Grazie

Gianluca

adottauncane

  • Visitatore
Re:Come modificare font dei moduli
« Risposta #14 il: 06 Lug 2012, 01:53:56 »
component/com_foxcontact/css

Offline Fioru

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come modificare font dei moduli
« Risposta #15 il: 19 Lug 2012, 19:52:47 »
Ciao Adottauncane!

Scusa il ritardo!

Il problema adesso è modificare il titolo del form fox-contact sulla destra.

Ho provato a seguire le tue istruzioni che risultano essere corrette anche sulla base di Firebug.

Tuttavia, nel momento vado a modificare beez5.css non succede nulla. Tutto resta uguale, anche dopo svuotamento cache e refresh.

Un grazie speciale per l'aiuto!

Gianluca

 



Web Design Bolzano Kreatif