I templates in xhtml-css convertiti per Joomla!

Joomla Notepad Chaos

2010-11-21T22:25:30Z

{loadposition tonicopi}

Questo è un template nato per wordpress e realizzato da http://www.evaneckard.com/ che è stato pazientemente convertito per Joomla! da bigham, un collega moderatore di joomla.it. Poi la Carla, adottauncane, pure lei moderatrice in joomla.it, da brava grafica qual'è, ha dato qualche deliziosa penellata al template. Bellissimi i font usati per i titoli. Strepitosa l'iconcina con la faccina di Joomla! che cambia in WordPress al mouse-over, che vedete in basso a destra. Secondo me e venuto fuori un bel template molto adatto per gestire un blog con Joomla! Questo template ha le posizioni left (quella del post-it) e right (la colonna più interna) e, sotto a ciascuna, le classiche posizioni user1 e user2. La posizione per la ricerca sta lassù a destra molto ben integrata nella grafica del template. Titolo e sottotitolo si mettono comodamente dai parametri del template e il risultato è così buono che la scritta sembra proprio una immagine! Dagli stessi parametri del template si può cambiare il background attuale con questo, anch'esso opera di adottauncane.
Insomma a me questo template, lo avrete capito, piace proprio un sacco, e ringrazio a nome di tutti i numerosissimi utilizzatori, Cosimo (bigham) per questo ottimo lavoro!

Questo template, diversamente dagli altri che sono stati convertiti per studio e divertimento, è liberamente utilizzabile e modificabile. Evitiamo soltanto di togliere il link agli autori nel footer. Si scarica da qui.

Nota 2: Se stai leggendo questa pagina con un template diverso da JNotepadChaos selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Tuttavia puoi vedere la grande versatilità di Joomla! Il banner pubblicitario, ad esempio, magari abbastanza ben integrato in un altro template, stonerebbe orribilmente nella header di JNotepadChaos. Ho preferito inserirlo in fondo alla pagina nella zona del footer, con un risultato graficamente accettabile.

AVVISO SUI COMMENTI: in seguito all'aumentare dello spam e anche a miei problemi di gestione dei commenti (mancanza di tempo) ho disattivato JComments.
Ho testato ed usato con soddisfazione un altro plugin per inserire commenti nel proprio sito in fondo agli articoli. Si chiama SocComments e puoi leggere questa guida.
Peraltro questo plugin si integra, oltre che con facebook, anche proprio con JComments. Da provare!

tonicopi2

2009-11-16T20:30:07Z

{loadposition tonicopi}Questo è il secondo template di mia diretta ideazione e produzione. E infatti l'ho chiamato tonicopi2. Il primo si chiamava solo tonicopi . Puoi scaricarli entrambi dalla sezione downloads template di questo sito. Questo template ha un design bello pulito con tutti gli angoli arrotondati. Simpatica quella ragazza che se ne sta seduta a farci compagnia sull'angolo in basso, dopo una , si immagina, faticosa salita in montagna. Montagne che si vedono lassù in alto dove si appoggia il piano del sito. Anche a simboleggiare le vette di rendimento e prestazioni che possiamo raggiungere con Joomla! Sapete come si chiama questa ragazza? Si chiama proprio Joomla! Non lo sapevate che Joomla è femmina? Ed è grazie a lei che riusciamo a fare siti così belli e funzionali!

Tonicopi

Nota 2: Se stai leggendo questa pagina con un template diverso da tonicopi2 selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Il banner pubblicitario che ho messo qui sotto è personalizzato nello stile e colori per questo template.

tranquille

2009-02-21T21:01:01Z

Questo template si chiama tranquille ed è il template assegnato come predefinito in questo sito e pure nel sito al quale ci ispiriamo csszengarden . In effetti colori e grafica danno a questo template un piacevole effetto rasserenante. Si tratta di un template fluido, che si adatta cioè a qualsiasi dimensione del monitor dell'utente che lo visita. A me piace molto . L'autore del template originale è DAVE SHEA ed io l'ho adattato a Joomla! Voglio fare una nota sui link, che non vale solo per questo template ma per tutti quelli presenti in questo sito. I link visitati assumono un aspetto diverso da quelli ancora da visitare, facilitando così l'utente nella navigazione. Questa pratica di marcare in modo diverso i link visitati è stata quasi abbandonata negli ultimi anni, tanto da essere ritenuta da alcuni una anomalia. Secondo me andrebbe invece ripresa e mantenuta. Tornando al modo scelto dal designer di tranquille per marcare i link visited io trovo che sia proprio assai carino, con quella attenuazione che li fa quasi scomparire, a sottolineare all'utente che quelle pagine le ha già viste.

Tonicopi

Nota 1: tenete presente che la navigazione ottimale in questo sito, dove pubblico anche articoli e dove aggiungo magari anche qualche estensione, avviene con il template di default tranquille. Chiaramente se lo navigate con questi altri template dimostrativi potrà accadere che qualche zona non sia ben visibile. Specialmente se navigate con template molto particolari come under the sea o retrò theatre, o anche con il fondo scuro come tonicopi2

Nota: Se stai leggendo questa pagina con un template diverso da tranquille selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template tranquille assegnato come predefinto per questo sito, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Tuttavia potrai vedere la grande versatilità di Joomla! Il banner pubblicitario, che ho messo qui sotto, per esempio, si adatta molto bene al template tranquille ma stonerebbe con molti altri template. Per quello noi assegneremo dei moduli con banner adatti a ciascun template.

kioto forest

2009-02-21T20:46:45Z

{loadposition tonicopi}

Questo template si chiama kioto forest ed è uno dei template presenti in csszengarden . A me piace assai questo disegno orientaleggiante, pur se il template è assai semplice. L'autore del template originale è John Politowski ed io l'ho adattato a Joomla!

Tonicopi

Nota 2: Se stai leggendo questa pagina con un template diverso da kioto forest selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Il banner pubblicitario, che ho messo qui sotto è lo stesso del template di default tranquille. I colori mi sembravano abbastanza compatibili.

tricolore

2009-02-20T18:17:00Z

Questo template è stato una mia personalizzazione di un template di http://www.joomlajunkie.com/ che si chiama Serenety. Ovviamente con i colori che ho scelto non potevo che chiamarlo tricolore! Era un template per la versione 1.0 di Joomla! che ho poi adattato alla 1.5.
Pur non avendo particolari caratteristiche ho voluto lo stesso metterlo in questo sito. Rispetta i criteri previsti e ha diverse posizioni nelle quali disporre i nostri contenuti.

L'ho utilizzato per un sito di un mio amico che fa il consigliere regionale nel veneto: Claudio Rizzato

Tonicopi

Nota 2: Se stai leggendo questa pagina con un template diverso da tricolore selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Tuttavia puoi vedere la grande versatilità di Joomla! Il banner pubblicitario, ad esempio, magari abbastanza ben integrato in un altro template, stonerebbe orribilmente in tricolore. Ecco che noi potremo però inserire una posizione modulo ed assegnare un banner che si integri perfettamente in tricolore, come quello che vedete qui sotto (ciò vale solo per i banner testuali e non per quelli illustrati sui quali non possiamo definire i colori).

retrò theatre

2009-01-17T22:37:12Z

Questo template è davvero fuori dalla norma. Il template originale retrò theater è di Eric Rogè e l'ho io adattato per Joomla!

Simpaticissimo ed efficace l'effetto che provoca nel visitatore, che ha l'impressione di assistere alla proiezione di un film in bianco e nero.

Geniale la trovata di questa gif animata posta come sfondo nel div dello schermo che davvero simula bene lo scorrimento delle vecchie pellicole rovinate di una volta.

Questo template presenta un errore di visualizzazione con IE6, che non supporta, come è noto, la posizione assoluta fixed. Ma si tratta di un errore di poco conto sia perchè il browser va riducendo sempre più i suoi utilizzatori, sia, soprattutto, perchè è comunque un errore che non impedisce la lettura delle pagine e la navigazione tra di esse.

Tonicopi

Nota 1: tenete presente che la navigazione ottimale in questo sito, dove pubblico anche articoli e dove aggiungo magari anche qualche estensione, avviene con il template di default tranquille. Chiaramente se lo navigate con questi altri template dimostrativi potrà accadere che qualche zona non sia ben visibile. Specialmente in un template molto particolare come retrò theater.

Nota 2: Se stai leggendo questa pagina con un template diverso da retrò theater selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Tuttavia puoi vedere la grande versatilità di Joomla! Il banner pubblicitario, ad esempio, abbastanza ben integrato in un template, stonerebbe orribilmente in retrò theater. Per colori e posizione. Ecco che noi potremo però inserire una posizione modulo ed assegnare un banner che si integri perfettamente nel retrò theater e va a piazzarsi lassù sopra lo schermo, a simulare un pannello pubblicitario fisso.

under the sea

2009-01-17T22:37:12Z

Under the sea il nome di questo bellissimo ed originale template. Sotto il mare, se con il mio scarso inglese traduco correttamente. Che bello scorrere la pagina verso il basso immaginando, man mano che si penetra nelle viscere dell'articolo, di scendere nel profondo abisso, alla fine del quale si scoprirà il polipo che chiude il footer della pagina. Il template originale under the shea è di Eric Stoltz e l'ho io adattato per Joomla!

Questo template si caratterizza per alcuni div in posizione assoluta fissa che consentono appunto questa simulazione di inabissamento. Però allo stesso tempo gli elementi fissi si ridispongono in caso di diversa risoluzione del browser, in modo da non disturbare la visualizzazione che resta ottimale anche con risoluzione 800 per 600 pixel come potete vedere in questa immagine.

Particolare cura ho dovuto porre nel dimensionare i div che fanno apparire i contenuti che devono stare in quel piccolo spazio al centro della pagina.

Una menzione particolare merita il banner in alto a destra che mi sembra ben integrato con il design della pagina e molto ben posizionato.

Tonicopi

Nota 1: tenete presente che la navigazione ottimale in questo sito, dove pubblico anche articoli e dove aggiungo magari anche qualche estensione, avviene con il template di default tranquille. Chiaramente se lo navigate con questi altri template dimostrativi potrà accadere che qualche zona non sia ben visibile. Specialmente in un template molto particolare come under the sea.

Nota 2: Se stai leggendo questa pagina con un template diverso da under the sea selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Tuttavia puoi vedere la grande versatilità di Joomla! Il banner pubblicitario, ad esempio, abbastanza ben integrato in un template, stonerebbe orribilmente in under the sea. Per colori e posizione. Ecco che noi potremo però inserire una posizione modulo ed assegnare un banner che si integri perfettamente in under the sea e vada a piazzarsi lassù e destra, sopra una antica pergamena, come per gli altri avvisi e là resti in posizione assoluta fissa (non con IE6 dove sciviolerà in basso sotto i contenuti.

rhuk milkyway

2009-01-17T22:37:12Z

{loadposition tonicopi}

Questo template non c'entra con il discorso dei template presenti su csszengarden ma, essendo uno dei tre template presenti di default in Joomla! ho pensato di tenerlo pure pubblicato in questo sito e anche di utilizzarlo nella sezione delle demo di questo sito.

Questo template si caratterizza per una discreta versatilità, essendo possibile settare dal pannello di controllo diverse caratteristiche:

6 variazioni di colore dello sfondo;
6 variazioni di colore della tipografia (titoli, caratteri, puntini, ecc);
4 diversi valori di larghezza del template (ma con minimi interventi nel css possono essere infiniti).

L'unica personalizzazione che ho fatto a questo template a livello di codice è l'inserimento del logo (leggermente più largo di quello di default) e la personalizzazione del codice adsense per il banner pubblicitario che vedete qui sotto con i bordi arrotondati come richiede la bella grafica di questo template.

Tonicopi

Nota 2: Se stai leggendo questa pagina con un template diverso da rhuk milkyway selezionalo dalla finestrella nel modulo "scegli un template" e poi clicca su seleziona. Ciò perchè, pur essendo il template assegnato a questa pagina, se tu sei arrivato qui DOPO aver scelto un template diverso da quello di default, il template non cambierebbe rispetto a quello che hai scelto per la durata della sessione o finchè non cambi di nuovo template nel modulo "scegli un template". Tieni conto che questo non è un sito di produzione ma solo dimostrativo e di studio. Tuttavia puoi vedere la grande versatilità di Joomla! Il banner pubblicitario, ad esempio, magari abbastanza ben integrato in un altro template, stonerebbe orribilmente in rhuk milkyway. Per colori e forma. Ecco che noi potremo però inserire una posizione modulo ed assegnare un banner che si integri perfettamente in rhuk milkyway.