Featured Articles

Joomla! 3 Testiamola insieme!

Dettagli: Scritto da Joomla; Categoria principale: Sample Data-Articles; Categoria: Joomla!; Pubblicato: 01 Gennaio 2011; Ultima modifica: 29 Novembre 2018; Visite: 178280

Eccoci qui pronti ad iniziare questo nuovo viaggio! La nuova versione di Joomla, la 3, si annuncia molto interessante. La sua caratteristica principale è rappresentata da questa veste leggera e da una responsività ed adattabilità davvero eccellenti!

Se ci aggiungiamo l'affidabilità e la sicurezza, garantiti da una comunità di appassionati che non ha eguali in nessun altro cms, appare davvero chiaro perchè Joomla! sia il mio software prediletto.

Come per le precedenti versioni troverete in questo sito articoli, tutorial, guide, test e prove sulle estensioni funzionanti su Joomla 3.

Uscita Joomla! 3.9! L'aggiornamento dalle precedenti versioni 3.6 , 3.7 e 3.8 è molto semplice. A fine 2014 è cessato il supporto ufficiale per la 2.5. Prendete dunque in considerazione la necessità di migrare il sito in 2.5 alla 3.9. Gli aggiornamenti successivi saranno molto semplici e si faranno da pannello di controllo.

Grazie per averci aiutati a testare questa versione di Joomla!

Con calma tradurrò gli articoli presenti in questi dati di esempio per test.

Così mi terrò allenato col mio scarno inglese...

Leggi tutto: Joomla! 3 Testiamola insieme!

Beginners

Dettagli: Scritto da Joomla; Categoria principale: Sample Data-Articles; Categoria: Joomla!; Pubblicato: 01 Gennaio 2011; Ultima modifica: 01 Gennaio 2011; Visite: 12808

If this is your first Joomla! site or your first web site, you have come to the right place. Joomla will help you get your website up and running quickly and easily.

Start off using your site by logging in using the administrator account you created when you installed Joomla.

Leggi tutto: Beginners

Upgraders

Dettagli: Scritto da Joomla; Categoria principale: Sample Data-Articles; Categoria: Joomla!; Pubblicato: 01 Gennaio 2011; Ultima modifica: 01 Gennaio 2011; Visite: 10775

If you are an experienced Joomla! 1.5 user, this Joomla site will seem very familiar. There are new templates and improved user interfaces, but most functionality is the same. The biggest changes are improved access control (ACL) and nested categories. This release of Joomla has strong continuity with Joomla! 1.7 while adding enhancements.

Leggi tutto: Upgraders

Professionals

Dettagli: Scritto da Joomla; Categoria principale: Sample Data-Articles; Categoria: Joomla!; Pubblicato: 09 Gennaio 2011; Ultima modifica: 01 Gennaio 2011; Visite: 11088

Joomla! 2.5 continues development of the Joomla Framework and CMS as a powerful and flexible way to bring your vision of the web to reality. With the administrator now fully MVC, the ability to control its look and the management of extensions is now complete.

Leggi tutto: Professionals

Come creare una animazione con i CSS3

Dettagli: Scritto da tonicopi; Categoria: Tutorial; Pubblicato: 10 Luglio 2013; Ultima modifica: 10 Luglio 2013; Visite: 18417

Qualcuno mi ha chiesto come poter realizzare nel proprio sito una animazione con una immagine come come quella che vedete qui in basso a sinistra.

Ecco allora questo breve tutorial. In realtà la cosa è proprio semplicissima ed utilizza le proprietà dei css3, ormai ampiamente supportate da tutti i browser moderni.

Niente javascript, jquery, mootools, flash o qualsiasi altro script. Quindi massima leggerezza e compatibilità.

Si prende una immagine di adeguata dimensione e fattezza e la si incolla in un modulo di tipo html personalizzato. Si pubblica questo modulo in una adeguata posizione del template. Io nel protostar l'ho pubblicata nella posizione debug. Dobbiamo aver cura di inserire l'immagine dentro un div avente una determinata classe a scelta. Io l'ho chiamata apina.Poi la dobbiamo solo formattare con un paio di regolette css che, se ispezionate il codice con firebug, dovreste scoprire da soli.

Con questa:

div.apina {
bottom: -210px; <-- la sposto fuori dallo schermo a sinistra
left: -130px; <-- la sposto sotto lo schermo
position: fixed; <-- la costringo in una posizione assoluta e fissa nel monitor anche allo scrolling
transform: scale(0.6) rotate(45deg); <--- la riduco al 60 per cento e la piego di 45 gradi
transition-duration: 0.5s; <-- stabilisco in mezzo secondo il tempo dell'animazione
z-index: 100; <--- la tengo sopra agli altri elementi nella pagina
}

mentre con questa:

div.apina:hover { <--- quando arriva il mosuse sopra esegui le regole qui sotto

bottom: 10px; <--- metti l'immagine a 10px dal bordo sinistro

left: 10px; <-- nonchè a 10px dal fondo del monitor

transform: scale(1) rotate(0deg); <--- torna alla normale dimensione e raddrizzati

transition-duration: 0.3s; <--- il tutto impiegando circa un terzo di secondo

}

al puntatore del mouse sopra l'immagine avverrà il cambiamento. Vi sarà adesso chiaro che potrete giocare in diversi modi con questi valori per ottenere l'effetto desiderato. Io ho linkato all'immagine un mio sito esterno ma potrete ovviamente linkare anche pagine dello stesso sito, ad esempio per mandare l'utente in una speciale pagina.

Buone animazioni!

Alla prossima.

tonicopi

Come trasformare in link l'immagine introduttiva - DEMO

Pagina 1 di 2