stampa questa pagina feed di signalkuppe.com/

You are hereRilasciato Marinelli 2.0!

Rilasciato Marinelli 2.0!

By admin - Posted on 19 September 2008

screenshot del temaMarinelli arriva alla versione 2.0. Ho apportato miglioramenti poco appariscenti ma di grande impatto sulla possibilità di personalizzazione e gestione del tema. Il css principale è stato scomposto in 4 css distinti ( layout.css, graphics.css, links.css, typography.css). Ogni css è stato rivisto e ottimizzato per evitare dichiarazioni ridondanti o superflue. In particolare ho riscritto la tipografia e la gestione dei links per migliorare la consistenza e la coerenza dell'aspetto dei diversi elementi del DOM. Ho riportato il font-size del body alla dimensione standard di 12pixels (76%) per poi operare in em su tutti i font-size . Gli stati dei link sono ora più chiari: esistono solo due selettori per gestire gli stati attivi e hover di tutte le ancore del template.

4css

Con 4 css seperati è possibile modifcare un singolo aspetto dell'interfaccia alla volta. Possiamo quindi cambiare il lettering senza toccare i colori sovrascrivendo solamente il css dedicato. Diventa più semplice quindi personalizzare il tema ma anche gestirlo nel corso della sua evoluzione. Per evidenziare questo aspetto ho creato un sottotema "Alagna" che modifica l'interfaccia solo sovrascrivendo i css. L'engine phptemplate di Drupal non pone limiti alla profondità dei sottotemi che possiamo creare. Possiamo quindi creare un sottema del sottema "giordani" che sovrascrive ad esempio solo la tipografia. Avremo quindi un layout a 3 colonne con contenuto centrale ma con font diverse. Divertente vero? Potete scaricare la nuova release dalla pagina ufficiale del progetto su drupal.org, qui invece trovate la demo


Post correlati

icona che rappresenta il pluginLa nuova versione del noto Framework javascript (la 1.3) ha introdotto l'interessantissimo metodo "live()" per gestire gli eventi su gli elementi presenti e generati del DOM. Ho testato questo metodo per un mini-applicativo che dovevo realizzare; quello che mi serviva era una tabella nella quale doveva essere possibile editare al volo alcuni dei suoi valori senza ricaricare...

logo del sito lagruba.comOnline il nuovo sito realizzato per l'amico Alberto che ha aperto da poco questo bellissimo Dortoir poco sopra Gaby nella valle di Gressoney. Le esigenze di Alberto erano diverse: voleva certamente valorizzare la struttura, ma anche raccontare la storia di questo luogo ed evidenziare le possibili escursioni praticabili nella valle. Lo studio del sito ha seguito 5 fasi...

Logo Regione LombardiaE' stato rilasciato il nuovo portale della Regione Lombardia. In Plurimedia ho avuto il compito di realizzare i template xhtml a partire da mockup psd forniti da una società esterna. In tutto ho sviluppato 23 templates XHTML integrati in seguito sul CMS incaricato di gestire la...

logo flickrDa un po di tempo il codice del badge di flickr stampa un'immagine vuota di 1px per 1px prima delle solite anteprime. Avendo definito le dimensioni delle immagini nel css, la nuova immagine rompe l'allineamento delle miniature. Per ovviare al problema ho utilizzato jquery per rimuovere solamente il tag img interessato.

logo di fancyboxStavo cercando una reale alternativa a lightbox da integrare in Drupal. Lightbox infatti è abbastanza pesante e la configurazione non è proprio banale. Ho trovato un nuovo script basato su jQuery (Fancybox) e ne sono rimasto entusiasta. La grafica a mio avviso è molto più curata rispetto a lightbox e l'integrazione in Drupal non presenta alcun problema visto che il CMS integra nativamente jQuery.
...

screenshot del sottotema giordaniViste le richieste di diversi utenti, ho aggiornato il tema aggiungendo due sottotemi. Il primo, "Giordani" consente di avere il contenuto al centro e le due sidebar ai lati mentre il secondo, "Gnifetti" posiziona il contenuto a destra lasciando le due sidebar sulla sinistra. Sto lavorando anche ad un terzo sottotema che trasformerà il layout da fisso a liquido in modo da garantire la massima flessibilità. Grazie...