×

Avviso

Disqus Secret Key is invalid. Please, change your disqus Key in 'Disqus API Secret Key' option to use Disqus comment count.
Creato: Venerdì, 21 Marzo 2014 21:33
( 7 Votes ) 
4818 Hits Categoria: Barzellette Comment count: 0 Scritto da tonicopi

Leggi tutto...
Creato: Giovedì, 21 Marzo 2013 23:36
( 6 Votes ) 
5090 Hits Categoria: Barzellette Comment count: 0 Scritto da tonicopi

Leggi tutto...
Creato: Lunedì, 21 Aprile 2014 21:23
( 8 Votes ) 
4999 Hits Categoria: Barzellette Comment count: 0 Scritto da tonicopi

Leggi tutto...
Creato: Lunedì, 24 Marzo 2014 14:33
( 0 Votes ) 
14756 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: Martedì, 27 Agosto 2013 12:58
( 9 Votes ) 
30384 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.

 

Creato: Sabato, 27 Ottobre 2012 23:40
( 0 Votes ) 
21700 Hits Categoria: Demo Templates Comment count: 0 Scritto da tonicopi

Qui potete vedere le posizioni modulo del template di default di Joomla! 3:  il Protostar.
Sono un articolo ed occupo il 50% dello spazio disponibile. Ma se mancassero moduli nella colonna di destra o di sinistra andrei ad occupare anche quello spazio arrivando al 75%.
Mentre se mancassero moduli in entrambe le colonne occuperei tutto lo spazio disponibile arrivando al 100%.

span6

 +span3 se NO moduli a sinistra+ span3 se NO moduli a destra

Creato: Martedì, 30 Ottobre 2012 13:24
( 17 Votes ) 
25776 Hits Categoria: Demo Templates Comment count: 0 Scritto da tonicopi

Come possiamo realizzare nel nostro sito web una slideshow carina, che si adatti a ogni dimensione e che funzioni con ogni browser?

Beh, la risposta è semplice. Ti basterà copiare il codice che troverai sotto la slideshow, incollarlo in un tuo articolo e cambiare i percorsi, i titoli e le descrizioni delle immagini.

Dovrai però usare il template di default Protostar, o altro che utilizzi lo stesso framework, il bootstrap, che è integrato in Joomla 3.

Io trovo davvero interessanti queste caratteristiche perchè ci permettono di realizzare un bel sito web senza bisogno di installare altre estesnioni, il che vuol dire maggior velocità e. soprattutto, maggior sicurezza.

Gustiamoci adesso queste belle immagini. Volutamente hanno altezza diversa perchè volevo testare il comportamento della slideshow. Esame passato, direi!

Ecco qui il codice utilizzato per questa slideshow:


<div id="mySlide" class="carousel slide">
<div class="carousel-inner">
<div class="item active"><img src="/joomla35/images/slide/01.jpg" />
<div class="carousel-caption">
<h4>Fagiano</h4>
<p>Descrizione prima immagine....</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/02.jpg" />
<div class="carousel-caption">
<h4>Farfalla</h4>
<p>Descrizione seconda immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/03.jpg" />
<div class="carousel-caption">
<h4>Cigni</h4>
<p>Descrizione terza immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/04.jpg" />
<div class="carousel-caption">
<h4>Ancora farfalle</h4>
<p>Descrizione quarta immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/05.jpg" />
<div class="carousel-caption">
<h4>Pesce</h4>
<p>Descrizione quinta immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/06.jpg" />
<div class="carousel-caption">
<h4>Farfalla e scorpione</h4>
<p>Descrizione sesta immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/07.jpg" />
<div class="carousel-caption">
<h4>Pappagallo</h4>
<p>Descrizione settima immagine...</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#mySlide" data-slide="prev">‹</a> <a class="right carousel-control" href="#mySlide" data-slide="next">›</a></div>

Creato: Lunedì, 26 Agosto 2013 12:58
( 8 Votes ) 
21802 Hits Categoria: Demo Tutorial Immagine come link Comment count: 0 Scritto da tonicopi

Feature

Questa è la demo di questo articolo scritto per joomla.it. Come puoi vedere qui di fianco sotto al titolo appare una immagine che nei parametri di joomla! ho impostata per apparire solo nel testo introduttivo.

Dopo l'override illustrato nell'articolo l'immagine diviene un link al leggi tutto. Peraltro grazie alla classe btn del bootstrap supportato da Joomla! 3.5  anche graziosamente formattata come un simpatico pulsante nel quale si può agevoilmente inserire una scritta nel campo didascalìa.

Nel testo esteso dell'articolo tale immagine scompare. Si può  farne apparire un'altra, impostabile sempre nei parametri dell'articolo, oppure tutte quelle che si vuole con i normali inserimenti possibili nel codice html.

Scommetto che sei curioso di vedere cosa ho inserito nell'articolo esteso...

Leggi tutto...
Creato: Martedì, 25 Marzo 2014 22:55
( 0 Votes ) 
8057 Hits Categoria: Galleria foto Comment count: 0 Scritto da tonicopi

Creato: Martedì, 25 Marzo 2014 22:42
( 0 Votes ) 
7897 Hits Categoria: Galleria foto Comment count: 0 Scritto da tonicopi

 

Test Floating

Test floating

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