Joomla CSS Zen Garden: templates, guide e tutorial per Joomla! Una rassegna di template presenti sul sito csszengarden.com adattati a Joomla!. CosГ¬ tonicopi ha inteso contribuire alla diffusione dell'uso dei css e del cms Joomla! http://www.joomlacsszengarden.com/feed/atom.html 2024-04-29T16:17:45Z Joomla! 1.5 - Open Source Content Management Benvenuto in joomlacssszengarden 2008-07-08T20:15:03Z 2008-07-08T20:15:03Z http://www.joomlacsszengarden.com/benvenuto-in-joomlacssszengarden.html Administrator tonicopi@tonicopi.it <h2>EDIT maggio 2015: <span style="color: #ff0000;">Muore ormai anche la gloriosa versione 2.5<br /></span></h2> <hr /> <h2>Da qualche mese, il 31 dicembre del 2014, è cessato il  supporto ufficiale anche a  Joomla 2.5. Diventa quindi superato l'annuncio con il quale due anni fa consigliavo caldamente  di passare alla 2.5.</h2> <h2>Pur non essendo questione urgente ed immediata occorre mettere in conto un passaggio alal più recente  3.4.x perchè la 2.5 invecchierà in fretta così come è accaduto prima alla versione 1.5 e ancor prima alla 1. Lascio ancora online le demo che trovate in questa area del sito sia perchè il sito è ben indicizzato e mi aiuta in popolarità, sia perchè qualcuno ancora per qualche tempo potrà trovarci qualcosa di utile.<br />Naturalmente potete seguire il portale dell'ultima <a href="http://www.joomlacsszengarden.com/joomla35/" title="Tutte le news di joomla 3">versione di Joomla</a> con tutte le novità.</h2> <hr /> <p> </p> <h2>EDIT marzo 2013: <span style="color: #ff0000;">ANNUNCIO IMPORTANTE di MORTE PREMATURA</span></h2> <h2>Purtroppo la versione 1.5 di Joomla! sembra proprio non essere più sicura. Questa mia stessa versione che sta girando qui è stata ripetutamente hackerata. Pertanto consiglio vivamente di migrare al più presto il vostro sito alla versione Joomla! 2.5.</h2> <h2>Un conto è programmare per tempo e con (relativa) calma una migrazione, altra cosa è esser costretti a farlo dopo che l'host vi ha messo off-line il sito o, peggio, dopo che vi trovate il sito hackerato.</h2> <h2>Quest'area del zen garden dedicata alla gloriosa versione di Joomla! 1.5 è dunque destinata anch'essa a morte prematura. E' un vero peccato perchè l'amavo molto. Pazienza! Continuerò a tenere in funzione il sito per la versione corrente di joomla 2.5 e per la nuova serie 3.x</h2> <p> </p> <p> </p> <h3>{loadposition tonicopi}La via per l'Illuminazione</h3> <p><br />Una strada scura e desolata si presenta ingombra di relitti del passato costituiti da CMS quasi uguali nella grafica: il classico header, le due colonne laterali per i menù e la parte centrale per i contenuti.</p> <p>Al giorno d'oggi possiamo liberarci per sempre da questa idea superata. I nostri siti web fatti con Joomla! risplenderanno con template dalla grafica originale ed inimitabile. Rilassatevi e godetevi qui qualche esempio.</p> <h3>E allora, di che si tratta?</h3> <p><br />Sono rimasto affascinato dal sito <a href="http://www.csszengarden.com/tr/italiano/" target="_blank" title="www.csszengarden.com">csszengarden.com</a> che ha avuto lo scopo (riuscito!) e il merito di dimostrare la potenza dei CSS nella gestione dell'aspetto grafico di un sito web. Data una determinata pagina web si trattava di cambiare il layout modificando soltanto il foglio di stile. Per me è stato molto interessante ed istruttivo studiare le diverse soluzioni adottate dai migliori web design del mondo.</p> <p>Ma tutto questo che cosa c'entra con Joomla!, vi chiederete.</p> <p>Molte persone credono ancora che usare un CMS per fare un sito web costituisca un limite al suo aspetto grafico. In altre parole si teme che l'aspetto del proprio sito sia troppo simile a quello di moltissimi altri siti fatti con Joomla!. Naturalmente non è così. E questo sito si propone di dimostrarlo.</p> <p class="alert">Non dico con pochi clic, ma con un po' di impegno una persona che mastichi un poco di html e css realizzerà con una certa facilità il proprio template assolutamente personalizzato. Io mi sono divertito ad adattare a Joomla! alcuni template presenti in <a href="http://www.csszengarden.com/tr/italiano/" target="_blank" title="www.csszengarden.com">csszengarden</a> con il risultato che potete vedere in questo sito scorrendo il modulo di scelta del template. Altri temi grafici li adatterò in seguito.</p> <h3>Partecipazione</h3> <p><br />Se vuoi partecipare anche tu a questo progetto, sappi che le specifiche sono le seguenti: devi scegliere un tema presente in <a href="http://www.csszengarden.com/tr/italiano/" target="_blank" title="www.csszengarden.com">csszengarden.com </a>e adattarlo a Joomla! in modo che siano inseribili almeno una posizione modulo per i menù, una per i banner, la classica user1 e user2, una posizione per il footer oltre alla posizione per la pubblicazione dei contenuti. Nulla vieta di inserire altre posizioni, ovviamente. Nel tema grafico "tranquille" che viene utilizzato di default in questo sito, io ho aggiunto ancora una posizione per le notizie flash e il breadcrump, e anche una posizione per l'inserimento automatico della data, tanto per fare un esempio. Naturalmente potete anche inviare un vostro template di cui avete sviluppato anche la grafica. I lavori dovranno essere rilasciati con <a href="http://creativecommons.org/licenses/by-nc/2.5/it/" target="_blank">questa licenza</a> e sarete menzionati nei credits in fondo al vostro template.<br /><br /></p> <div id="benefits"> <h3>Benefici</h3> <p><br />Perché partecipare? Per ottenere riconoscimenti, per ispirazione e per realizzare una risorsa cui tutti possano fare riferimento quando si vuole promuovere il design basato sui <acronym title="Cascading Style Sheets">CSS</acronym> e la diffusione di Joomla!. Persino oggi, ce n'é un enorme bisogno. Anche se sono sempre di più i <a href="http://forum.joomla.it/index.php/topic,4217.0.html" target="_blank" title="I siti importanti fatti con Joomla!">siti importanti</a> che hanno fatto questo passo, tuttavia non sono ancora abbastanza. Un giorno questa galleria sarà una curisosità storica; ma quel giorno non è oggi.</p> <h3>Requisiti</h3> <p><br />Il <a href="http://www.mezzoblue.com/zengarden/alldesigns/" target="_blank" title="Il giardino di zen css">Giardino Zen css</a> è un esempio di <acronym title="Cascading Style Sheets">CSS</acronym> pratici e funzionali: sono presenti oltre 200 temi grafici. Voi dovrete sceglierne uno che non sia già presente in questo sito e adattarlo a joomla 1.5. Potrete anche inviare un vostro tema grafico originale. L'importante è che il vostro CSS passi la validazione W3C.</p> <p>Sfortunatamente, progettare le pagine in questo modo mette in luce i difetti nelle diverse implementazioni dei <acronym title="Cascading Style Sheets">CSS</acronym>. I browser mostrano in modo differente anche dei <acronym title="Cascading Style Sheets">CSS</acronym> assolutamente validi e tutto ciò può fare uscire pazzi quando una soluzione per un browser comporta gravi problemi in un altro. Spesso i problemi maggiori ce li dà IE. Consultate la pagina <a href="http://www.mezzoblue.com/zengarden/resources/" title="Un elenco di risore relative ai CSS">Risorse sui CSS</a> per informazioni relative ad alcune delle soluzioni disponibili. La piena aderenza agli standard da parte dei browser, in alcuni casi è ancora una vana speranza e non ci si aspetta che voi realizzate un codice preciso al pixel su ciascuna piattaforma. Tuttavia effettuate quanti più test potete. Se il vostro design non funziona almeno su IE6 e 7+/Win e Mozilla 2 e 3 (utilizzati da oltre il 90% delle persone), vi sono buone possibilità che sia respinto.</p> <p class="alert">Rispettate le leggi sul diritto d'autore. Ricordate che l'autore originale mantiene i diritti sul proprio tema grafico. Se siete autori e proprietari anche del tema grafico manterrete il completo diritto d'autore sulla vostra opera, ma vi chiediamo di rilasciare il <acronym title="Cascading Style Sheets">template </acronym>sotto licenza Creative Commons identica a quella di <a href="http://creativecommons.org/licenses/by-nc/2.5/it/" target="_blank">questo sito</a> in modo tale che altri possano imparare dal vostro lavoro.</p> </div> <div> <p><a href="http://www.joomlacsszengarden.com/index.php?Itemid=55">Tonicopi</a></p> </div> <h2>EDIT maggio 2015: <span style="color: #ff0000;">Muore ormai anche la gloriosa versione 2.5<br /></span></h2> <hr /> <h2>Da qualche mese, il 31 dicembre del 2014, è cessato il  supporto ufficiale anche a  Joomla 2.5. Diventa quindi superato l'annuncio con il quale due anni fa consigliavo caldamente  di passare alla 2.5.</h2> <h2>Pur non essendo questione urgente ed immediata occorre mettere in conto un passaggio alal più recente  3.4.x perchè la 2.5 invecchierà in fretta così come è accaduto prima alla versione 1.5 e ancor prima alla 1. Lascio ancora online le demo che trovate in questa area del sito sia perchè il sito è ben indicizzato e mi aiuta in popolarità, sia perchè qualcuno ancora per qualche tempo potrà trovarci qualcosa di utile.<br />Naturalmente potete seguire il portale dell'ultima <a href="http://www.joomlacsszengarden.com/joomla35/" title="Tutte le news di joomla 3">versione di Joomla</a> con tutte le novità.</h2> <hr /> <p> </p> <h2>EDIT marzo 2013: <span style="color: #ff0000;">ANNUNCIO IMPORTANTE di MORTE PREMATURA</span></h2> <h2>Purtroppo la versione 1.5 di Joomla! sembra proprio non essere più sicura. Questa mia stessa versione che sta girando qui è stata ripetutamente hackerata. Pertanto consiglio vivamente di migrare al più presto il vostro sito alla versione Joomla! 2.5.</h2> <h2>Un conto è programmare per tempo e con (relativa) calma una migrazione, altra cosa è esser costretti a farlo dopo che l'host vi ha messo off-line il sito o, peggio, dopo che vi trovate il sito hackerato.</h2> <h2>Quest'area del zen garden dedicata alla gloriosa versione di Joomla! 1.5 è dunque destinata anch'essa a morte prematura. E' un vero peccato perchè l'amavo molto. Pazienza! Continuerò a tenere in funzione il sito per la versione corrente di joomla 2.5 e per la nuova serie 3.x</h2> <p> </p> <p> </p> <h3>{loadposition tonicopi}La via per l'Illuminazione</h3> <p><br />Una strada scura e desolata si presenta ingombra di relitti del passato costituiti da CMS quasi uguali nella grafica: il classico header, le due colonne laterali per i menù e la parte centrale per i contenuti.</p> <p>Al giorno d'oggi possiamo liberarci per sempre da questa idea superata. I nostri siti web fatti con Joomla! risplenderanno con template dalla grafica originale ed inimitabile. Rilassatevi e godetevi qui qualche esempio.</p> <h3>E allora, di che si tratta?</h3> <p><br />Sono rimasto affascinato dal sito <a href="http://www.csszengarden.com/tr/italiano/" target="_blank" title="www.csszengarden.com">csszengarden.com</a> che ha avuto lo scopo (riuscito!) e il merito di dimostrare la potenza dei CSS nella gestione dell'aspetto grafico di un sito web. Data una determinata pagina web si trattava di cambiare il layout modificando soltanto il foglio di stile. Per me è stato molto interessante ed istruttivo studiare le diverse soluzioni adottate dai migliori web design del mondo.</p> <p>Ma tutto questo che cosa c'entra con Joomla!, vi chiederete.</p> <p>Molte persone credono ancora che usare un CMS per fare un sito web costituisca un limite al suo aspetto grafico. In altre parole si teme che l'aspetto del proprio sito sia troppo simile a quello di moltissimi altri siti fatti con Joomla!. Naturalmente non è così. E questo sito si propone di dimostrarlo.</p> <p class="alert">Non dico con pochi clic, ma con un po' di impegno una persona che mastichi un poco di html e css realizzerà con una certa facilità il proprio template assolutamente personalizzato. Io mi sono divertito ad adattare a Joomla! alcuni template presenti in <a href="http://www.csszengarden.com/tr/italiano/" target="_blank" title="www.csszengarden.com">csszengarden</a> con il risultato che potete vedere in questo sito scorrendo il modulo di scelta del template. Altri temi grafici li adatterò in seguito.</p> <h3>Partecipazione</h3> <p><br />Se vuoi partecipare anche tu a questo progetto, sappi che le specifiche sono le seguenti: devi scegliere un tema presente in <a href="http://www.csszengarden.com/tr/italiano/" target="_blank" title="www.csszengarden.com">csszengarden.com </a>e adattarlo a Joomla! in modo che siano inseribili almeno una posizione modulo per i menù, una per i banner, la classica user1 e user2, una posizione per il footer oltre alla posizione per la pubblicazione dei contenuti. Nulla vieta di inserire altre posizioni, ovviamente. Nel tema grafico "tranquille" che viene utilizzato di default in questo sito, io ho aggiunto ancora una posizione per le notizie flash e il breadcrump, e anche una posizione per l'inserimento automatico della data, tanto per fare un esempio. Naturalmente potete anche inviare un vostro template di cui avete sviluppato anche la grafica. I lavori dovranno essere rilasciati con <a href="http://creativecommons.org/licenses/by-nc/2.5/it/" target="_blank">questa licenza</a> e sarete menzionati nei credits in fondo al vostro template.<br /><br /></p> <div id="benefits"> <h3>Benefici</h3> <p><br />Perché partecipare? Per ottenere riconoscimenti, per ispirazione e per realizzare una risorsa cui tutti possano fare riferimento quando si vuole promuovere il design basato sui <acronym title="Cascading Style Sheets">CSS</acronym> e la diffusione di Joomla!. Persino oggi, ce n'é un enorme bisogno. Anche se sono sempre di più i <a href="http://forum.joomla.it/index.php/topic,4217.0.html" target="_blank" title="I siti importanti fatti con Joomla!">siti importanti</a> che hanno fatto questo passo, tuttavia non sono ancora abbastanza. Un giorno questa galleria sarà una curisosità storica; ma quel giorno non è oggi.</p> <h3>Requisiti</h3> <p><br />Il <a href="http://www.mezzoblue.com/zengarden/alldesigns/" target="_blank" title="Il giardino di zen css">Giardino Zen css</a> è un esempio di <acronym title="Cascading Style Sheets">CSS</acronym> pratici e funzionali: sono presenti oltre 200 temi grafici. Voi dovrete sceglierne uno che non sia già presente in questo sito e adattarlo a joomla 1.5. Potrete anche inviare un vostro tema grafico originale. L'importante è che il vostro CSS passi la validazione W3C.</p> <p>Sfortunatamente, progettare le pagine in questo modo mette in luce i difetti nelle diverse implementazioni dei <acronym title="Cascading Style Sheets">CSS</acronym>. I browser mostrano in modo differente anche dei <acronym title="Cascading Style Sheets">CSS</acronym> assolutamente validi e tutto ciò può fare uscire pazzi quando una soluzione per un browser comporta gravi problemi in un altro. Spesso i problemi maggiori ce li dà IE. Consultate la pagina <a href="http://www.mezzoblue.com/zengarden/resources/" title="Un elenco di risore relative ai CSS">Risorse sui CSS</a> per informazioni relative ad alcune delle soluzioni disponibili. La piena aderenza agli standard da parte dei browser, in alcuni casi è ancora una vana speranza e non ci si aspetta che voi realizzate un codice preciso al pixel su ciascuna piattaforma. Tuttavia effettuate quanti più test potete. Se il vostro design non funziona almeno su IE6 e 7+/Win e Mozilla 2 e 3 (utilizzati da oltre il 90% delle persone), vi sono buone possibilità che sia respinto.</p> <p class="alert">Rispettate le leggi sul diritto d'autore. Ricordate che l'autore originale mantiene i diritti sul proprio tema grafico. Se siete autori e proprietari anche del tema grafico manterrete il completo diritto d'autore sulla vostra opera, ma vi chiediamo di rilasciare il <acronym title="Cascading Style Sheets">template </acronym>sotto licenza Creative Commons identica a quella di <a href="http://creativecommons.org/licenses/by-nc/2.5/it/" target="_blank">questo sito</a> in modo tale che altri possano imparare dal vostro lavoro.</p> </div> <div> <p><a href="http://www.joomlacsszengarden.com/index.php?Itemid=55">Tonicopi</a></p> </div>