Display post layout extended

Questo plugin originariamente scritto da Bill Erickson e molto utile se si vuole formattare in modi differenti i post pubblicati tramite il suo plugin Display-Posts.

Questa versione del plugin √® differente dall’originale poich√© ho implementato al suo interno alcuni layout personalizzati e personalizzabili.

Per inserirli correttamente utilizziamo il Camel Case per scrivere il nome del layout

Flip X

E un semplice effetto, generato completamente tramite CSS3 che permette la rotazione di due pannelli sull’asse delle X.

Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="FlipX"

Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345"

FlIP Y

E un semplice effetto, generato completamente tramite CSS3 che permette la rotazione di due pannelli sull’asse delle Y.

Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="FlipY"

Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345"

Swipe Up

E’ un semplice effetto ottenuto tramite l’uso dei CSS3 che permette di visualizzare il titolo dell’articolo in sovrapposizione, nella parte bassa, all’immagine in evidenza. All’hover del mouse il testo si alza e va ad occupare i 4/3 dell’immagine mostrando un’anticipazione del contenuto.

Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SwipeUP"

Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345" ed il relativo valore alpha: bg_alpha="0.7", cosi come e possibile selezionare il colore del testo all’interno di questo pannello: color="#000"

Swipe Down

E’ un semplice effetto ottenuto tramite l’uso dei CSS3 che permette di visualizzare il titolo dell’articolo in sovrapposizione, nella parte alta, all’immagine in evidenza. All’hover del mouse il testo si abbassa e va ad occupare i 4/3 dell’immagine mostrando un’anticipazione del contenuto.

Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SwipeDown"

Tramite un attributo aggiuntivo e possibile selezionare il colore del background del pannello del testo: bg_color="#012345" ed il relativo valore alpha: bg_alpha="0.7", cosi come e possibile selezionare il colore del testo all’interno di questo pannello: color="#000"

Side Sx

Layout che allinea l’immagine a sinistra del titolo e del sommario

Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SideSx"

Side Dx

Layout che allinea l’immagine a destra del titolo e del sommario

Per utilizzarlo e sufficiente dichiarare l’attributo con il suo valore: layout="SideDx"

Leave a Comment