Home 
Articoli archiviati
Articoli archiviati
Dom 16 Nov 2008 |
|
A seguito del talk di Martedì 11 Novembre, mi arrivano mail di richiesta per spiegazioni più dettagliate di quanto sia stato possibile dare durante la serata su Joomla! e il web. Una fase che evidentemente ha interessato molti è stata quella della personalizzazione dei fogli di stile, i famosi CSS, grazie ai quali possiamo plasmare l'estetica del template Joomla! a nostro piacimento. Per modificare un CSS serve un semplice editor di testo. Ho detto semplice, quindi non pensate di usare Word di Office o Writer di OpenOffice, sarebbe più dannoso che utile. Usate Notepad++ se siete in ambiente Windows oppure Gedit o Kedit se siete in ambiente Linux. I software appena citati consentono infatti di evidenziare la sintassi dei fogli di stile, importantissimo per trovare e modificare esattamente quello che vogliamo. Al di la di ciò che userete per editare e adattare il foglio di stile, ciò che vi serve più di tutto è FireBug, una piccola estensione per Firefox che vi consente di applicare modifiche al volo sui CSS e vederne i risultati in tempo reale all'interno del browser. Sul sito di riferimento potete trovare molti esempi sull'utilizzo di questo strumento, noi vedremo esclusivamente ciò che ci interessa riguardo ai fogli di stile.  Una volta installato in Firefox, Firebug piazza la sua icona in basso a destra.E sufficiente un click del mouse per far comparire il frame attraverso il quale accedere a tutte le funzioni di questa estensione. Qualche tempo fa' esisteva un certo grado di non compatibilità tra Firebug e il servizio Gmail di Google. Superato, io lo uso senza problemi e funziona alla grande. Firebug in pratica Cliccando sul bottone "Analizza" e spostandoci col mouse sulla pagina web, possiamo notare come Firebug metta in evidenza le varie aree da sottoporre a potenziale modifica. Contestualmente, nel frame in basso a destra, possiamo notare quali righe del foglio di stile realizzano quel determinato aspetto estetico. Non ci resta che editarlo al volo direttamente nel browser e vedere in tempo reale cosa cambia sulla pagina web. L'editing è facile e guidato: Firebug conosce il linguaggio CSS e ci aiuta proponendo possibili alternative agli attributi sottoposti a modifica. Se le modifiche ci soddisfano, non ci resta che mettere mano realmente al foglio di stile (Firebug ci indica anche il numero di riga del CSS), modificarlo, salvarlo e sovrascriverlo sul server. Usare Firebug e facile. Abusarne ancor più facile. Non fatevi prendere la mano, fate un backup del CSS originale e verificate che le vostre modifiche siano correttamente interpretate anche da quella ciofeca di browser che è Internet Explorer. Spero di esservi stato utile. Il resto dovete farlo da soli, provando, provando e provando. Immagini: Firebug1, Firebug2, Firebug3 Link utili: Joomla.org, Joomla.it, Firebug, Firefox add-ons 
Commenti (2)
Cicerone80
said:
|
|
Ringraziamenti a Davide Pedrelli Scusami. Preso dalla foga di documentarmi su Firebug, alla fine mi sono distratto (anche un pò di stanchezza...!), e non ti ho ringraziato per questo tuo ottimo articolo divulgativo. Interessante il consiglio della copia di sicurezza... Forse avrò bisogno di qualche tuo consiglio (mi sembri molto bravo!) quando dovrò trasferire da locale a remoto il mio lavoro ... ma spero di poterci riuscire già in locale. Cordiali saluti Cicerone80 |
Lascia la tua opinione
| < Prec. | Succ. > |
|---|
About
Community
Commenti
Tags
Utenti On-Line
43 visitatori online
Utenti : 170
Contenuti : 91
Link web : 58
Tot. visite contenuti : 196731
Contenuti : 91
Link web : 58
Tot. visite contenuti : 196731
