Qui sotto puoi vedere un esempio di una ottima galleria fotografica fullscreen utilizzando la vista Gallery della componente TZ Portfolio.

Si ottiene creando una voce di menu di tipo TZ Portfolio>Portfolio Gallery che punta a una o più categorie di articoli, impostando nelle opzioni numero di colonne e loro larghezza ed altezza.

Negli articoli non ho messo altro che il titolo ed inserita una immagine, impostando images come parametro media. Ed ecco qui sotto il risultato che io trovo decisamente carino. Passando con il mouse sopra l'immagine c'è quel simpatico effetto di rotazione che invita al clic. Al clic l'immagine si ingrandisce con due movimenti e va ad occupare tutto lo schermo. Responsiva, qualsiasi sia la dimensione del monitor. La gallery diventa quindi navigabile fullscreen e la didascalia è il titolo dell'articolo. Quell'effetto di uscita e rientro dell'immagine nella sua casella è davvero fantastico! 

About The Author

Creato: Martedì, 25 Marzo 2014 18:06
( 12 Votes ) 
5438 Hits Categoria: Video Comment count: 0 Scritto da tonicopi

Abbiamo inserito qui un video di una quindicina di secondi appena.

Leggi tutto...
Creato: Lunedì, 24 Marzo 2014 14:33
( 0 Votes ) 
16512 Hits Categoria: Componenti per Joomla! 3 Comment count: 0 Scritto da tonicopi

 

In questo articolo scritto per joomla.it ho fatto la recensione di TZ Portfolio, una componente che consente di espandere notevolmente le capacità della componente content di Joomla!.
Un pò lavora come k2 o ZOO, con la differenza che qui useremo in contenuti di Joomla! di cui verranno ampliate le funzionalità come potete vedere cliccando sulle diverse visualizzazioni nel menù qui a destra.

Purtroppo il template protostar non si presta molto a mostrare tutte le possibilità di visualizzazione di questa potente estensione.
Ma potete ugualmente farvi una piccola idea delle possibilità che si aprono con l'uso di questa estensione.

Creato: Venerdì, 21 Marzo 2014 21:33
( 7 Votes ) 
6050 Hits Categoria: Barzellette Comment count: 0 Scritto da tonicopi

Leggi tutto...
Creato: Domenica, 27 Ottobre 2013 22:10
( 6 Votes ) 
9307 Hits Categoria: Moduli - Demo e tutorial Comment count: 0 Scritto da tonicopi

Leggi tutto...
Creato: Domenica, 27 Ottobre 2013 21:37
( 5 Votes ) 
9121 Hits Categoria: Moduli - Demo e tutorial Comment count: 0 Scritto da tonicopi

Leggi tutto...
Creato: Lunedì, 07 Ottobre 2013 13:11
( 0 Votes ) 
11299 Hits Categoria: Uncategorised Comment count: 0 Scritto da tonicopi

Grazie di cuore del tuo contributo!

Darò conto in questa pagina delle donazioni ricevute e del loro impiego.

Per ora sei il primo!

Creato: Domenica, 06 Ottobre 2013 11:53
( 7 Votes ) 
17083 Hits Categoria: Tutorial Comment count: 0 Scritto da tonicopi

In questo articolo scritto per joomla.it ho cercato di spiegare come funziona la Classe pagina che può essere applicata ad ogni voce di menu dai parametri > Opzioni avanzate > Opzioni visualizzazione pagina. Dopo aver scritto la classe test-classe e dopo aver inserito nella index.php del template il codice php nel modo descritto nell'articolo, se ispezionate il codice html con firebug vedrete che nel tag body è apparso ora un ID avente valore test-classe che quindi posso formattare con un paio di regole css:

#test-classe {
background-color:#0088CC;
}

#test-classe .pull-right a {
   color: #F9C804;
}

rendendo blu il background di questa sola pagina e analogamente tingendo di giallo il Back to top a fondo pagina.

Se andate invece nella Home vedrete come la stessa classe test-classe viene utilizzata per cambiare aspetto al titolo pagina e allo sfondo dell'articolo, stavolta scrivendola nel box Classe pagina della voce di menu Home facendola precedere da uno spazio bianco.

Queste le regole di stile utilizzate per la home page:

.test-classe {
  background-color: #F5F5F5;
  border: 1px solid #E3E3E3;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 19px;
  font-size:15px;
}
.test-classe h2 a {
  font-size: 36px;
  color: #F9C804;
}

Come vedete è possibile utilizzare questa proprietà della Classe pagina per interessanti personalizzazioni.

Creato: Domenica, 15 Settembre 2013 16:18
( 0 Votes ) 
7704 Hits Categoria: Sample Data-Articles Comment count: 0 Scritto da tonicopi

Vediamo se rieso a pubblivcarti automaticamente  Cane!!!

Creato: Martedì, 27 Agosto 2013 23:30
( 4 Votes ) 
19817 Hits Categoria: Tutorial Comment count: 0 Scritto da tonicopi

In quest'area pubblicherò piccoli tutorial e guide dove cerco di spiegare qualche particolare funzione di joomla 3.5, sempre accompagnate dalla relativa demo.

Creato: Martedì, 27 Agosto 2013 12:58
( 9 Votes ) 
33226 Hits Categoria: Demo Templates Comment count: 0 Scritto da tonicopi

Di default Joomla! 3.x si apre con questo template. Esso è di tipo cosidetto responsive, capace cioè dio adattarsi alle diversisime dimensioni dei monitor utilizzati per navigare in internet.

Ho scritto questo articolo per joomla.it dove cerco di spiegare i numerosi pregi di questo bel template.

In questa area potete vedere diverse caratteristiche di questo template in accoppiata con joomla3.5: immagini e gallerie immagini responsive, una bella tipografia con la quale inserire velocemente leggerissimi ed efficaci strumenti grafici, per rendere il sito più gradevole e meglio navigabile.

 

 

Test Floating

Test floating

Su questo sito usiamo i cookies, anche di terze parti. Navigandolo accetti.